浏览器的缓存

缓存机制

一、缓存位置及其优先级:

1 Service Worker

2 Memory Cache

3 Disk Cache

4 Push Cache

 

二、缓存策略

强缓存

设置expires或cache-control

cache-control可以设置的值,如下:

expires需要和cach-control的max-age以及 last-modified的结合使用。当客户端自己改变的时间的话,可能会致用expires标识缓存过期。

协商缓存

  两种方式

  1 last-modified和if-modified-since组合使用。 秒级内的修改,会导致server端检查不出来。

  2 ETag和if-none-match给合使用

  协调缓存需要向server端发送请求来确认是否该文件有修改。如果无修改则返回304和空response body,然后浏览器取缓存的信息。如果有修改则返回200及新的文件

 

从那4个缓存机制中找到缓存数据后,先check强缓存,再check 协商缓存。

 refer: https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247490829&idx=1&sn=a79c746dd55d740f6854d86a47a30686&chksm=f951a84ece262158f3ad2bea8a347a197c9d3d23a808d812f775943f8b76f8a5c5389b310752&mpshare=1&scene=1&srcid=#rd

posted @ 2019-04-01 17:07  被爱浸润的智慧体  阅读(548)  评论(0编辑  收藏  举报