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

Jit*_*yas 3 performance xhtml frontend pagespeed

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

<img id="moon" height="200" width="450" 
      src="http://www.domain.com/moon.png" alt="moon image" />
Run Code Online (Sandbox Code Playgroud)

与此相比

<img id="moon" src="http://www.domain.com/moon.png" alt="moon image" />
Run Code Online (Sandbox Code Playgroud)

bum*_*box 5

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

  • 当页面加载并且图像大小已经定义时(即你已经使用了高度和宽度标签),浏览器会在加载图像之前知道所有内容.否则页面必须等待并在文本之前加载图像.对于表格也是如此,因此尽可能使用宽度标签以及更快的页面.http://www.webweaver.nu/html-tips/load-time.shtml (2认同)