HTML Chrome 审核指定图像尺寸

Posted 2023-03-05

【中文标题】HTML Chrome 审核指定图像尺寸

【英文标题】：HTML Chrome Audit Specify Image Dimensions

【发布时间】：2011-02-23 11:13:15

【问题描述】：

我刚开始在一些基本的 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 或任何东西。我已经压缩了图像，但我想进一步加快加载时间。有什么办法吗？

【参考方案1】：

一般来说：如果您在<img> 标签中指定图像尺寸，浏览器将知道为其分配多少空间，并在下载图像的同时继续渲染页面的其余部分。否则，在渲染页面的其余部分之前，浏览器将不得不再等待几毫秒才能从图像本身获取图像的大小。

由于您只有一个启动页面，我怀疑浏览器是否会呈现其他任何内容，因此您是否指定尺寸并不重要。