将图像分辨率添加到 img 标签如何提高网络利用率？

Question

Google Chrome 在开发人员工具中内置了一个选项卡，其中一项审核告诉我可以通过为所有图像设置特定的宽度和高度来提高网络利用率在页面上。

此信息的真实性如何？这对事情有何改变？

Answer 1

这样浏览器就可以在加载图像后准备好正确的space放置图像。

Answer 2

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

但是，它将允许浏览器在下载图像之前正确布局页面（因为它不必等到下载图像就可以知道图像的大小）。这可以避免在知道图像大小之前重排页面或将其留空。

Answer 3

虽然网速提升不多，但对于网速较慢的用户来说，由于昆汀建议的原因，可以带来更好的用户体验。