HTML Chrome審覈指定圖片尺寸

Question

我剛開始在一些基本的html網站上使用chrome開發人員工具，我使用了審覈工具。

我有兩個相同的圖像，其中一個具有高度和寬度屬性，另一個沒有。在資源部分，延遲和下載時間都是相同的。但是，審計結果表明

Specify image dimensions (1) A width and height should be specified for all images in order to speed up page display.

這是否真正幫助？有沒有其他方法來加快頁面時間？

這只是我正在建設的網站的初始頁面，因此它只是html，沒有css或javascript或任何東西。我已經壓縮了圖像，但我想加快加載時間。有沒有辦法？

Answer 1

一般來說：如果您在<img>標籤中指定圖片尺寸，瀏覽器將知道要分配多少空間，並在下載圖片的同時繼續渲染頁面的其餘部分。否則，在渲染頁面的其餘部分之前，瀏覽器必須等待幾毫秒才能從圖像本身獲取圖像的大小。

由於您只有一個啓動頁面，我懷疑瀏覽器是否還有其他東西需要渲染，因此，是否指定尺寸並不重要。