title: Where to specify image dimensions for fastest rendering: in HTML or in CSS?
body: <p>I've learned that it is a best practice to explicitly specify image dimensions. The browser can then already layout the page while still downloading the images themselves, thereby improving (percieved) page rendering time. </p>
  
  <p>Is this true? And if so, is there a difference in specifying the dimensions in either HTML or CSS?</p>
  
  <ul>
  <li>HTML: <code>&lt;img src="" width="200" height="100"&gt;</code></li>
  <li>Inline CSS: <code>&lt;img src="" style="width: 200px; height: 100px"&gt;</code></li>
  <li>External CSS: <code>#myImage { width: 200px; height: 200px; }</code></li>
  </ul>