为内嵌图像添加宽度和高度是否会增加页面加载性能？

Question

为内嵌图像添加宽度和高度是否会增加页面加载性能？

<img id="moon" height="200" width="450" 
      src="http://www.domain.com/moon.png" alt="moon image" />

与此相比

<img id="moon" src="http://www.domain.com/moon.png" alt="moon image" />

Answer 1

我认为它不会使页面加载速度更快，但它有助于直接正确呈现页面，因为浏览器知道图像的尺寸，以便在必须获取图像之前正确布局页面< / p>

Answer 2

是。许多浏览器将在仍在下载内容时开始渲染。如果他们没有尺寸或尺寸错误，他们使用占位符。知道大小后，将从头开始重新渲染。

如果指定了正确的大小，很多时候您可能不必重新重新启动渲染。这样可以节省客户端的CPU并允许初始渲染持续。这样可以改善客户端的渲染时间。