浏览器的缓存策略

浏览器的缓存策略

强缓存

不会向服务器发送请求，直接从缓存中读取资源，在chrome控制台的Network选项中可以看到该请求返回的200的状态码，并且Size显示form disk cache或者from memory cache。强缓存可以通过设置两种Http Header 实现： Expires和Cache-Control。

    - Cache-Control

        - public 表示相应可以被客户端和代理服务器缓存

        - private 表示响应只可以被客户端缓存

        - max-age=30 缓存30秒后过期，需要重新请求

        - s-manxage=30 覆盖max-age，作用一样，只在代理服务器中生效

        - no-store 不缓存任何响应

        - no-cache 资源被缓存，但是立即失效，下次会发起请求验证资源是否过期

        - max-stale=30 30秒内，即使缓存过期，也使用该缓存

        - min-fresh=30 希望在30秒内获取最新的响应

    - Expires

        - 缓存过期时间，用来指定资源到期时间，是服务器端的具体的时间点。也就是说，Expires=max-age+请求时间，需要和Last-modified结合使用。Expires是web服务器响应消息头字段，在响应http请求时告诉浏览器在过期时间前可以直接从浏览器缓存数据，而无需再次请求。

        **缺点** 受限于本地时间，如果修改了本地时间，可能会造成缓存失效

 

- 强缓存的两个状态

    - from memory cache

        - 不访问服务器，一般加载过该资源且缓存到了内存中，直接从内存中读取缓存。浏览器关闭后，资源被释放，再次打开相同页面是，不会出现form memory cache

    - form disk cache 

        - 不访问服务器，已经在之前的某个时间加载过，直接从硬盘中读取缓存。浏览器关闭后，数据依然存在，不会随着浏览器关闭而释放，下次打开仍然是form disk cache

 

- 协商缓存

  - 协商缓存就是强制缓存失效后，浏览器携带缓存表示向服务器发起请求，由服务器根据缓存标识决定是否使用缓存，主要有两种情况：

    - 协商缓存生效，返回304和Not Modified

    - 协商缓存失效，返回200和请求结果