基本的HTML5缓存

2019年8月3日 202次阅读

我对
HTML5缓存有点慢,但我只有一些简单的问题.

1)缓存清单中的数据缓存了多长时间？

2)如果我更新数据,如何确保客户端在可用时检查更新的版本,或者这已经完成了？

3)此外,对于非0移动环境,这是否完全无用,还是可以加快桌面上的加载时间？

<html lang="en" manifest="offline.manifest">

offline.manifest

CACHE MANIFEST
index.html
style.css
image.jpg
image-med.jpg
image-small.jpg
notre-dame.jpg

最佳答案 1)只要用户关心缓存它.完全摆脱缓存的唯一方法是进入浏览器设置并明确删除它.

2)如果更新清单文件,客户端将下载所有文件的新版本.此下载仍受“旧”HTTP缓存规则的约束,因此请适当设置标头,同时确保在清单文件本身上发送“无缓存”标头. rules from HTML5 Boilerplate可能是一个很好的起点.

3)记住桌面也可能失去连接.此外,在应用程序缓存中放置文件意味着它们始终在本地提供,因此,如果您对放入其中的内容感到理解,应用程序缓存可以减少带宽和延迟.我明白的意思是：如果大多数访问者只看到您网站的几页并且每周更新整个网站的清单,那么如果您强迫他们缓存负载,他们最终可能会使用更多带宽他们从不看的页面的静态文件.

要真正减少未来HTML5网站的带宽和延迟：对所有资产和静态框架使用应用程序缓存;使用像mustache这样的东西来呈现JSON的所有内容;通过Web Sockets而不是HTTP发送JSON,为每个请求节省大约800字节和双向网络握手;使用Local Storage缓存数据以保存您再次获取数据,并使用History API管理导航.

点赞