如何在img标签中添加图像分辨率可以提高网络利用率?

时间:2016-02-03 10:56:51

标签: html image google-chrome google-chrome-devtools image-resolution

谷歌浏览器在开发人员工具中内置了一个选项卡,其中一项审核告诉我,通过将特定宽度和高度设置为页面上的所有图像,可以改善网络利用率。

Chrome Audits

这些信息的真实性如何以及这是如何改变的?

3 个答案:

答案 0 :(得分:2)

设置高度和宽度对网络利用率绝对没有任何作用。

然而,它将允许浏览器在下载图像之前正确地放置页面(因为它不必等待下载图像才能知道图像的大小)。这样可以避免在知道图像大小之前回退页面或将其留空。

答案 1 :(得分:1)

因此浏览器可以在加载图像后准备好正确的空间来放置图片。

答案 2 :(得分:0)

虽然没有提高网络速度,但由于Quentin建议的原因,它可以为网速较低的用户带来更好的用户体验。