HTML Chrome审核指定图像尺寸

aks*_*hik 7 html performance google-chrome image

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

wai*_*933 8

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

由于您只有一个启动页面,我怀疑浏览器还有其他任何内容可以呈现,因此无论您是否指定维度都没有关系.