jquery - 如何预加载 javascript、图像、css 和/或 misc 文件？

Question

目前我正在做一个涉及数千行 CSS、JavaScript 和一堆图像的大型项目。通过增加压缩来缩小 CSS 样式表和 JavaScript 文件有很大帮助，但它仍然不是完美的。

为了在 CSS 样式表中预加载图像，我找到了一堆插件，包括在 stackoverflow 上。然而，由于有很多 jQuery 和 JavaScript 库——在样式表中只预加载 CSS 图像对我的事业毫无帮助。有没有办法一次性预加载 CSS 文件，以及在这些文件中找到的图像和 JavaScript 库？我会在确认用户凭据后使用此类功能，并在预加载所需内容后将用户重定向到内部内容。

另外：我可以轻松地提供预加载所需的文件数组，而无需 JavaScript 来解析任何文件。

Answer 1

你可以看看使用 appcache 来缓存资源。这将加快现代浏览器的速度，但对旧浏览器没有帮助。这里有一个很好的教程。

我猜你的大部分页面大小来自图像。您可以尝试拆分图像并使用 gzip，甚至更旧的浏览器也支持（例如 IE 5.5+）。