页面速度小页面大小与Dom元素的数量

Question

我对网站的网页速度有疑问。请参阅我的原始大小为100k的图片，用于页面中的3个不同位置。并且在3个不同的位置，图片的大小是不同的。 3个位置的最大尺寸是100k pic。当我运行Chrome页面速度时，它建议我为另外2个较小尺寸的位置提供缩放图像。

我想问一下，如果图片只有100K的1个大小，在3个图片位置，浏览器会从服务器上取3次图片还是只读一次？

这导致我现在的问题是我应该提供缩放图像并拥有更多dom元素但减少页面大小或者我应该提供100K图像并且浏览器只提取一次？

如果我要提供缩放图像，那么浏览器将不得不从服务器请求3个不同大小的相同图像，这可能会增加加载时间而不是减少它。

Answer 1

只要您将图像提供为可缓存（这是默认设置），浏览器就只会下载一次。因此，最好只引用一个版本的图像。