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

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

<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" />

来源

2010-05-01 Jitendra Vyas

我不认为这会使页面加载速度更快，但它将有助于正确地呈现在页面马上，因为浏览器知道的尺寸图像在其必须获取图像之前正确布置页面

来源

2010-05-01 01:57:52 bumperbox

当页面加载并且图像大小已被定义（即，您已经使用了高度和宽度标签）时，浏览器知道在图像加载之前的所有内容。否则，页面必须等待并在文本之前加载图像。对于表格也是如此，所以尽可能使用宽度标签以及更快的页面。 http://www.webweaver.nu/html-tips/load-time.shtml – 2010-05-01 03:28:15

@bumberbox - 但谷歌建议这在页面速度http://code.google.com/speed/page-speed/docs/rendering。 HTML＃SpecifyImageDimensions – 2010-06-08 02:55:28

是的。许多浏览器将在正在下载的情况下开始渲染。如果他们没有尺寸或尺寸错误，他们使用占位符。一旦尺寸已知，渲染将从头开始重新开始。

如果您指定了正确的尺寸，很多时候您可能不需要重新进行渲染。这节省了CPU在客户端，并允许最初的渲染持续。这改善了客户端的渲染时间。

来源

2010-06-08 02:59:00 TheJacobTaylor

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

回答

相关问题