向內嵌圖像添加寬度和高度是否會增加頁面加載性能？

向內嵌圖像添加寬度和高度是否會增加頁面加載性能？向內嵌圖像添加寬度和高度是否會增加頁面加載性能？

<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

向內嵌圖像添加寬度和高度是否會增加頁面加載性能？

回答

相關問題