当页面加载图像时，它只加载一次，还是每次加载标记时？

Question

当页面加载图像时，它只加载一次，还是每次加载标记？那jquery呢，附加一个img会导致它重新加载吗？我问这个是因为我有一个高分辨率的图像，但需要你在标记的许多实例中使用它。

<img src="hello.jpg" />
<img src="hello.jpg" />
<img src="hello.jpg" />


var myimg = $('<img src="hello.jpg />');
$('img').append(myimg);

Answer 1

除非您使用积极的反缓存标头，否则浏览器每次加载时只会加载相同的图像一次（我无法看到每页加载的原因）。

您可以通过检查Firebug中的网络标签来自行查看。写一个循环并观看网络标签。

for (var i = 0; i < 10; i++) {
   var myimg = $('<img src="hello.jpg alt="" />');
   $('img').append(myimg);
}

Answer 2

它会在每次加载页面时加载至少一次......这就是为什么预装图像是好的...

Answer 3

这实际上取决于浏览器如何处理资产加载。一般来说，浏览器只会加载图像一次，无论它在标记中的次数是多少。

您还可以使用jquery和javascript来利用浏览器缓存（即保存图像以进行预加载或将来使用），这将减少访问者的负担。查看http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript