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

标签 jquery ios local-storage offline web-applications

我正在开发一个 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

最佳答案

关于jquery - 您可以将 JavaScript 和 CSS 文件存储在 localStorage 中以提高在线 Web 应用程序的性能吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6062429/

相关文章:

javascript - 如何在 Handlebars 模板中初始化 jQuery 小部件?

javascript - 调用 javascript 函数时如何将 javascript touch spin 添加到 html

ios - 选择放置 .app 文件以进行 xcode 构建的位置

JavaScript:从 localStorage 通过电子邮件向用户发送登录凭据?

Javascript:在多个选项卡中播放一次音频

javascript - 通过 Ajax 加载将 javascript 定义应用于附加字符串

javascript - 使用键盘制表键 tabindex 元素未显示

ios - 加载 View Controller 后如何使用计时器设置进度条

ios - 在 UICollectionViewFlowLayout 中启用 AutoSizing 单元格时,DecorationView 会调整大小

jquery - 切换 DIV 状态本地存储