在网站上加载图像

Question

请帮助我了解现场加载图像的过程。例如：我使用代码创建 img 元素：

img = document.createElement('img');
img.src = 'some image src';
someDiv.appendChild(img);

是不是每次这个脚本工作时，用户的浏览器都会下载图像？如果不是第一次加载图像呢？如果脚本对同一个图像 src 工作两次怎么办？

另外，简单的 html 代码中的相同问题：

<img src='somesrc' /><img src='thesamesrc' />

浏览器是否会加载此图像两次？

所以，主要问题是：如果浏览器每次都使用我的 javascript 代码加载图像，如何解决？我有一些图像，我需要以一定的时间间隔加载其中一个。如何一次加载所有这些并在那之后使用它？当然，如果浏览器在这种情况下缓存图片，那是没有问题的，但我不确定

Answer 1

如果启用缓存，图像只会加载一次。重新加载文件有到期日期。

查看https://developers.google.com/speed/articles/caching 了解有关缓存的更多信息。