javascript - 使用 jquery 预加载图像 - 图像是否保留在缓存中？

Question

所以我有一个关于预加载的一般性问题。我使用一些大图像作为 Sprite 附加在整个移动网站的各个位置，但因为它们是背景图像(当jquery将某些类名分配给div时动态分配) - 我不确定如何最好地预加载这些。

我在这里看到了这篇文章:

http://jquery-howto.blogspot.com/2009/02/preload-images-with-jquery.html

你只需这样做:

var image1 = $('<img />').attr('src', 'imageURL.jpg');

但是如果我以这种方式预加载图像，然后从不直接将它们分配给 dom 元素(因为它们将被分配为带有 css 类的背景图像) - 预加载这些图像对我有什么好处吗？

Answer 1

只要您的脚本在 end 运行而不是在 DOM 渲染的中间运行(因为这会阻塞页面)，它应该仍然有帮助。当它们被分配时，您将看不到 flickr 效果。

只要图像 URL 不改变，就会从缓存中获取图像。