当相同图像的多个实例嵌入到HTML中时，是否会加载一次图像？
当相同图像的多个实例嵌入到HTML中时，是否会加载一次图像？
提问于 2012-06-30 12:47:33
如果我在一个页面中多次使用相同的图像，每个图像是单独加载，占用带宽和流量，还是只加载一个，rest嵌入代码将重用该图像？
例如，假设我这样做：
<img src="http://img.to/image.jpg"/>
<img src="http://img.to/image.jpg"/>
<img src="http://img.to/image.jpg"/>
<img src="http://img.to/image.jpg"/>
<img src="http://img.to/image.jpg"/>
<img src="http://img.to/image.jpg"/>
...
<img src="http://img.to/image.jpg"/>
<img src="http://img.to/image.jpg"/>image.jpg为100kb。当浏览器加载此页面时，是否会浪费(100Kb *#个img标签)的流量？或者它只会加载一个image.jpg并将其重用于其余的标记？
回答 1
Stack Overflow用户
发布于 2012-06-30 12:57:06
这可能取决于特定的浏览器实现，但我预计对图像的第一个引用将命中服务器，而对同一图像URL的后续引用将从浏览器缓存中提供。因此，只有一个网络请求该图像。
也就是说，如果服务器在图像响应上设置的HTTP缓存头允许浏览器缓存图像。如果缓存头被设置为类似于"no- cache“的内容，那么浏览器需要为每个引用重新获取图像。您可以使用像Fiddler这样的网络数据包嗅探器检查图像响应上的HTTP报头。
如果浏览器直到图像完全下载后才在浏览器缓存中填充图像URL，那么您可能会看到对同一图像的多个请求，但这似乎不太可能。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11271484
复制相关文章
相似问题