我刚开始在一些基本的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或任何东西。我已经压缩了图像,但我想加快加载时间。有办法吗?
答案 0 :(得分:8)
一般来说:如果您在<img>
标记中指定图像尺寸,浏览器将知道要为其分配多少空间,并在下载图像的同时继续渲染页面的其余部分。否则,浏览器将需要等待几毫秒才能从图像本身获取图像的大小,然后再渲染页面的其余部分。
由于您只有一个启动页面,我怀疑浏览器还有其他任何内容可以呈现,因此无论您是否指定维度都没有关系。