jquery - 通过ajax手动缓存图像？

Question

所以我有一个有3个页面的网站，背景非常丰富，我想知道是否可以通过AJAX在主页上手动缓存图像，这样当用户进入新页面时，大图像已加载。

我正在使用rails/turbolinks。我知道一定有办法，但我想知道是否有人知道最佳实践。

Answer 1

以下是解决问题的方法:

JavaScript:有一篇相当不错的文章，名为 Simple Asset Management谁描述了一个非常好的预加载机制。当您有大量资源并且无法一次性下载所有资源时，强烈建议您使用它。

CSS:还有CSS technique您描述了要在 CSS 中预加载的所有图像，并将其余图像留给浏览器。

HTM5:如果您需要 HTML5 方法，HTML5 已经有一个名为 rel="prefetch"的新属性:

<link rel="prefetch" href="http://asset.to.prefetch/imgs/sprite.png" />

More about HTML5 rel prefetch

希望有帮助。