资产的HTML5 localStorage(样式表,JavaScript,图像等)

Question

为了节省客户端下载时间和网络使用,是否可以使用HTML5的localStorage功能来存储链接样式表,javascript文件和二进制数据(例如图像)的内容,而不是每次都能点击服务器？

这会让事情变得复杂 - 因为我认为你必须通过JavaScript而不仅仅是一个script或link元素来添加链接资产,为那些没有启用JavaScript的人打破页面？除非您可以HEAD在浏览器下载内容之前解析内容(使用请求检查上次修改日期和其他标题).

或者最好只是坚持304 Not Modified和eTag标题？

Answer 1

我认为在这种情况下你应该考虑离线缓存:

• https://developer.mozilla.org/en/Offline_resources_in_Firefox#Specifying_a_cache_manifest

您还可以将用户输入数据存储在localStorage或sessionStorage中:

• https://developer.mozilla.org/en/DOM/Storage#sessionStorage
• https://developer.mozilla.org/en/DOM/Storage#localStorage

不要使用globalStorage(不是标准).

我写了一篇关于离线的文章,请参阅:http://hacks.mozilla.org/2010/01/offline-web-applications/

这是关于离线的,但这种机制可用于提升您的网络应用程序.