Question

是否有一个库可以帮助在客户端存储javascript和css文件以加快页面速度？ webstorage（HTML5 def）对于这种情况有用吗？

Answer 1

你不需要一个库。标准HTTP caching将允许您要求浏览器存储本地副本。

Cache-Control: max-age=604800, must-revalidate

Answer 2

对于非常大的脚本，您可以将其存储在LocalStorage中并通过eval加载它。但是：如果您的标题设置正确，则HTTP缓存默认值 - 您应该阻止内联脚本代码。

Answer 3

默认情况下，浏览器会缓存您的css和js文件，但如果您想显式缓存它以供离线使用，您可以使用HTML5清单功能，您可以在其中创建清单文件并指定您想要的文件像这样缓存

CACHE MANIFEST
# rev 3

CACHE:
index.html
app.html
js/data.js
http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js
http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css
http://code.jquery.com/jquery-1.4.3.min.js
js/script.js
style.css
images.png

这些文件将在第一次请求下载一次后进行缓存，这将节省您将来的加载时间。您还可以为css和js文件指定后备，请参阅this链接以了解清单的基础知识。

Answer 4

如果IETF，浏览器会缓存样式表和脚本文件等HTTP资源（not modified (status 304)）;为此，不需要图书馆。

另一方面，随意广泛使用Storage interface。根据您的使用情况，建议存储大型自定义数据（例如结果页面的数据为stringified JSON），以便可以在获取最新数据时立即显示它。背景。可以方便地存储JavaScript数据。关于CSS，这可能有点麻烦。

对于离线应用，还有更多相关的HTML5技术，例如link prefetching或app cache（使用资源清单）。

如何在客户端存储javascript引用？

4 个答案: