HTML5 appcache比使用expires头文件还是localstorage更好?

时间:2012-10-26 14:32:29

标签: html5 local-storage html5-appcache expires-header

考虑以下情况:

  • 网站/应用仅在线使用 - 需要有效的互联网连接;
  • 所有文件都有正确的过期标头设置;
  • 强制文件刷新可以通过类似myFile.css?v = 2和location.reload(true);
  • 的方式处理

如果我使用HTML5的appcache(清单),我的网站/应用实际上会加载得更快吗?为什么? 我环顾四周,但这个问题似乎没有一致的答案。

HTML5Rocks建议使用appcache,但我认为这主要是由于缓存重新加载管理。

后续问题:如何在localstorage中缓存文件?它与其他两个相比在哪里?

1 个答案:

答案 0 :(得分:1)

您要缓存的文件有多大,以及您定位的浏览器和设备是什么?对于常规桌面浏览器,它可能没有多大区别。在移动浏览器上,它已被用作/推荐作为25kb limit on resources cached by the iPhone的变通方法,另请参阅这两篇后续文章:Mobile Browser Cache Limits: Android, iOS, and webOSMobile Browser Cache Limits, Revisited。 appcache中的项目将在电源循环和浏览器缓存可能没有的其他自动清除情况下继续存在。

所以答案是:这取决于。是否值得在您的网站上进行,只有通过一些测试才能解决问题。

关于你的后续问题:我希望存储在这方面提供与appcache相同的优势,不同之处在于你需要编写的代码量,以便在客户端管理自己的东西而不是绝对的表现。