Question

如果我在单个页面中多次使用相同的图像文件（例如image01.jpg），浏览器会分别加载每个图像吗？还是仅将图像加载一次，然后再将其用于其余的嵌入式代码？下面是一个示例。

<body>
    <img src = 'images/image01.jpg"/>
    <img src = 'images/image01.jpg"/>
    <img src = 'images/image01.jpg"/>
</body>

在上面的示例中，浏览器将下载一次image01.jpg吗？还是三次？

Answer 1

大多数浏览器的默认行为是在首次加载时缓存图像。将从缓存中为同一张图片多次调用。

如果您希望禁止浏览器缓存，请在此处阅读更多信息：How to control web page caching, across all browsers?