浏览器缓存

# 浏览器缓存

  浏览器缓存就是浏览器对用户最近请求的文档进行存储，再次访问同一请求时就可以从本地取资源。浏览器缓存分为两种，协商缓存和强缓存。两者区别是强缓存不发送请求，协商缓存会发送请求；共同点是，都是从客户端缓存中读取资源。

## 强缓存

  通过设置head中的Expires和cache-control字段告诉浏览器缓存的有效期。Expires字段对应的是一个GMT时间，假如在这个时间范围内，则请求返回200（from cache），但是存在一个问题，如果客户端和服务器时间差别很大，那么误差也就很大;cache-control则是通过设置max-age，读取缓存条件是当前客户端时间在上次缓存时间（客户端的）+max-age（时间间隔）之间。 

  cache-control可以设置以下值： 

+ Public 指示响应可被任何缓存区缓存

+ no-cache 响应可以在本地可代理服务器缓存，但是使用缓存需要经过服务器验证，

+ no-store 资源不可以被缓存

+ max-age 客户端上次接收响应时间距离这次请求时间间隔

+ max-fresh 要求缓存服务器返回至少还未过指定时间得缓存资源，比如min-fresh=60,过了60秒的资源都无法作为响应返回了

+ maxstale 表示指令过期也照常接收，如果不设置值则表示无论过期多长时间都会接收

+ only-if-cache 表示从缓存里取资源，不发送请求，缓存没有时则返回一个504错误 

在http1.0和http1.1中还存在一个pagram:no-cache字段，Cache-Control是在

  http1.1提供的，在两个字段同时存在时优先取pagram,当Expires和Cache-Control冲突时取Cache-Control，也就是pagram>Cache-Control>Expires。

## 协商缓存

1.Last-Modified/if-Modified-Since(配合Cache-control使用) 

>Last-Modified:这个表示响应这个资源最后的修改时间，在响应请求时，告诉浏览器最后的修改时间。   

>If-modified-since:当资源过期时（强缓存失效），发现资源具有Last-Modified，则再次请求时带上If-modified-since，表示请求时间。当服务器收到后则与被请求的资源的最后修改时间进行比对。若最后修改时间新，则资源被改动，返回资源及200状态码；如果无修改则响应304告知浏览器使用缓存。 

缺点：时间精确只能到秒，当1秒内修改多次则无法更新文件；当文件是定时生成但内容无改变时，此时缓存也无法使用 

2.Etag/If-None-Match（配合Cache-control使用）

>Etag:服务器响应请求是，告诉浏览器当前资源在服务器的唯一标识（生成规则由服务器定）。

>If-None-Match:当资源过期时（使用Cache-control标识的max-age），发现资源具有Etag，则申请资源时带上If-None-Match（Etag的值），服务器则会对比被请求资源的校验串和If-None-Match值，决定返回200还是304.

Etag和Last-Modify字段同时存在时，服务器会优先验证Etag。