【发布时间】：2018-07-27 19:36:21
【问题描述】：
具有相同src 属性的两个img 元素。
浏览器会下载一次还是两次？
【问题讨论】：
-
现代浏览器缓存图片资源。因此，如果您使用最新的 chrome 或 firefox，浏览器将下载一次
标签： html browser browser-cache
【发布时间】：2018-07-27 19:36:21
【问题描述】：
这取决于服务器的缓存策略和/或客户端浏览器的设置；在正常标准下，图像只加载一次并在整个会话期间使用（或直到临时文件被清除）；
您可以通过两次加载相同的图像 src 来进行测试，例如： http://url/image.png http://url/image.png
加载您的页面，如果您看到一次 image.png 或者您是否看到 image[1].png 和 image.png，则查看浏览器的临时文件目录；这意味着它会被加载到您的缓存中两次；
在正常情况下，它通常是一次性加载。这完全取决于每个实例基于服务器和浏览器的因素。
【讨论】：
-
除了查看临时目录外，只需打开Chrome的inspector->network（或其他浏览器中的等效工具），即可看到实际的请求和缓存状态。
-
感谢您的回复！我将永远钦佩高水平的 stackoverflow 用户知识！