浏览器的缓存策略
强缓存
不会向服务器发送请求,直接从缓存中读取资源,在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和请求结果