浏览器缓存

浏览器缓存

1. 强缓存

• 强缓存阶段不需要发送网络请求

• 强缓存取决于http 的响应头的两个属性，expires(http/1.0)和cache-control(http/1.1)。

• expires是一个服务器返回的时间，如果浏览器检测到这个日期比当前时间小，那就请求。cache-control：max-age=3600。这个是表明过期时间，缓存最长的存在时间

• 因为版本问题，cache-control 优先级比expires 高

• cache-contro有以下值：
  - private:只能浏览器缓存，中间代理不能缓存
  - no-cache:跳过当前缓存，直接进入协商缓存
  - no-store:不缓存
  - s-maxage：是server-maxage的意思，是服务器的记录最大时间
  如果这两个属性都不符合，那浏览器将进入协商缓存

2.协商缓存

• 当一个网站第一次向服务端发送请求的时候，服务端的响应体会附带一个属性last-modified和Etag。当再次发送请求的时候，请求头会附带if-modified-since（上一次last-modified的值 ） 和if-none-match（上一次Etag 的值）。如果这两个值不一样了，那么就会走正常的请求流程。否则则是返回304，表示客户端和服务端协商了一下。可以使用缓存。
• 具体这两个值取决于哪个，如果两个都存在的话。服务器会优先于Etag。Etag 的话是文件标识符上的时间，就算一个文件打开但是没有更改，也会缓存失效。但是如果last-modified，则是标明一秒之外修改的，不能检测到一秒之内的，所以服务器会优先于Etag。

3.缓存位置
在强缓存阶段，如果命中的话。返回的是200 （from memory cache）和（ from disk cache）。都不请求。
怎么判断是内存缓存还是硬盘缓存：

• 文件过大则是硬盘缓存
• 在浏览器刷新的时候，是强制刷新的
• 打开控制台，勾选disabled cache 的
• 以及在ajax 中设置cache:false