HTML5缓存机制

背景

离线缓存是HTML5提供的新功能.利用HTML5提供的离线缓存功能可以将站点的一些常用的文件缓存到本地,在没有网络的情况下依旧可以访问缓存的页面。 可以被缓存的文件类型有很多,包括但不限于html,css,js,静态图片资源等。

事实上,离线缓存不仅仅在没有网络的情况下会被使用,当有网络的情况下,本地缓存过的文件依旧会被优先使用。有网络的情况下,浏览器会返回200,

离线缓存有很多好处。第一,可以有效提高用户体验,节约用户流量。第二,可以提高页面加载速度,已缓存的资源加载的更快。 第三,可以减少服务器负载,浏览器将只从服务器下载更新过或者更改过的资源。

浏览器支持

基本上所有的主流浏览器都支持,除了IE,毕竟奇葩,像这种浏览器,还是不要去兼容了。

Manifest

要想在页面上使用离线缓存,只需要在页面的html 加入一个manifest属性,使用方法如下。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180902G01ZLW00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券