jquery - 您可以将 JavaScript 和 CSS 文件存储在 localStorage 中以提高在线 Web 应用程序的性能吗？

Question

我正在开发一个 Web 应用程序，它的行为非常类似于适用于 iOS 和 Android 的 native 应用程序。然而，Javascript 文件(jQuery + 我自己的)和 css 文件一起对于移动使用来说非常大，如果用户没有启用 3G，这会使应用程序加载缓慢。

因此我开始考虑离线存储这些文件。但是，除了 cache.manifest(据我所知，只有在没有互联网连接以启用离线使用时才会启动)，我找不到其他办法。我理想情况下想要的是检查文件是否已经缓存/存储，如果没有，使用它们然后存储它们以供下次使用。

这可能吗？由于索引文件本身非常小，这将大大减少加载我的应用程序的时间。我仍在努力通过优化来精简文件，但这同时会有很大帮助。

编辑:

只是为了提供更多细节，如果我之前不清楚，请原谅。

我已经开始使用 HTML5 样板构建此 Web 应用程序，我的 .htaccess 文件包含所有 JS 和 CSS 文件 header ，有效期为 1 年。

但似乎每次从 iOS 主屏幕打开应用程序都会加载 .js 和 .css 文件，就像它们未被缓存时的情况一样。在桌面甚至 iOS Safari 网络浏览器上打开网站似乎确实以正确的方式缓存文件，因为 Javascript 和 CSS 中的更改仅在手动刷新页面后显示。

似乎从主屏幕打开和关闭以及打开网络应用程序就像刷新一样，因此每次都加载文件，即使它们通过 cache.manifest 存储以供离线使用，并且文件'过期日期被设定在遥远的 future 。

编辑 2:

我想我应该包括文件的缓存 header 。这些好像都可以

缓存控制最大年龄=31536000，公共(public)
2012 年 5 月 18 日星期五 17:34:20 GMT 到期
改变接受编码，用户代理
内容编码 gzip Keep-Alive timeout=2, max=98

Answer 1

然后您应该调查此选项: https://developer.apple.com/library/archive/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/OfflineApplicationCache/OfflineApplicationCache.html