HTML5缓存 – 是否可以为单个URL提供多个不同的缓存？

每个URL都可以链接到单个缓存清单.但我想要几个缓存清单链接到同一个URL.原因如下：

我想要缓存的一些文件很少更新和大.
因此,每次缓存更新时,这些大文件都会被重新下载,即使它们可能没有被更改.
所以我想拆分缓存.一个用于论文的缓存很少更新大文件,而另一个缓存用于经常更新的光文件.

你们有没有想过如何拆分HTML5缓存？

解决方法

最有效的方法是：

a)对清单的CACHE部分中提到的所有资源使用远期到期日期(max-age),并为CACHE部分中的每个文件添加时间戳后缀,例如：

CACHE:
menu_1355817388000.js
toolbar_1355817389100.js

b)当服务器上的任何上述文件发生更改时,重新生成/更新清单以更改时间戳.下次只会下载具有修改时间戳的文件.任务完成.

注意：在浏览器中重新加载页面两次,因为第一个刷新浏览器只下载清单并使用旧的缓存资源来绘制页面.这样做是为了加快显示页面(有一些技巧来处理这个双重刷新问题,但它们超出了你的问题的范围)

在this long but best article I ever seen on appcache中查看更多信息.