我有一个关于网站页面速度的问题。看，我有一张原始大小为100k的图片，在一个页面的3个不同位置使用。而在3个不同的位置，图片的大小是不同的。3个地点中最大的一个是10万张照片。当我运行Chrome页面速度时，它建议我为其他2个较小尺寸的位置提供缩放图像。
我想问一下，如果图片只有100K的1个大小，在3个图片位置，浏览器是从服务器获取图像3次还是仅获取一次？
这导致我现在的问题是，我应该提供缩放后的图像，并有更多的dom元素，但减少页面大小，还是应该只提供100K图像和浏览器获取一次？
如果我要提供缩放的图像，那么浏览器将不得不从服务器请求3个不同大小的相同图像，这可能会增加加载时间，而不是减少加载时间。
只要您将图像作为可缓存图像（这是默认设置），浏览器将只下载一次。因此，最好只参考图像的一个版本。