使用HTML5的appcache功能时遇到的最大问题是包含太多文件会导致缓存加载和更新速度非常慢。图像是最大的罪魁祸首,因为它们很大并且不能连接到单个文件中,并且下载/缓存许多文件是移动设备上的特殊问题。此外,在iOS设备上,似乎存在拉动appcache资源的问题,即使是适度的webapp,这个过程也需要几分钟。因此,将appcache中的文件数量减少到一个缩小的JavaScript& CSS文件使得进程更加快捷。
我最终做的是完全从缓存清单中删除图像,并将它们存储在传统的浏览器缓存中。我已经在各种设备,浏览器等方面进行了测试,并且能够在离线状态下启动我的webapp,并且所有图像都可以正常加载。如果图像是合理静态的,那么只要依靠传统的缓存就可以看到任何问题吗?
答案 0 :(得分:0)
您应该使用appcache的唯一原因是持久离线内容。
我可能会在浏览器中缓存一段时间,但这并不能保证它会保持缓存状态。只要内存不足,操作系统就可以决定清除缓存。
简而言之,不要依赖浏览器缓存来保持文件永久脱机。这就是appcache的用武之地。
旁注;如果你的图像相对较小,你可能想要创建一个spritesheet。