HTTP的强缓存与协商缓存

什么是缓存

缓存就是浏览器将最近请求过的资源储存在本地磁盘或者内存当中，当再次访问的时候，就不用通过请求服务器来加载资源，可以直接从本地获取资源，从而加快资源加载速度，减轻服务器压力。但是问题来了，如果服务器上的资源更新了，而我们还是从本地取旧的资源怎么办呢？于是就有了强缓存和协商缓存的区别了。

什么是强缓存

强缓存就是浏览器根本不会发请求给服务器，通过http头中的Expires和cache-control两个字段来控制的，如果两个字段满足条件，就不会去向服务器发出请求直接使用缓存。

EXPIRES和CACHE-CONTROL

这两个字段是用于控制缓存的有效时间的，其中expires是http1.0的，其储存的值是一个绝对时间的GMT格式的字符串，这个时间代表缓存在这个时间之前始终是有效的。而cache-control是http1.1的，其中的cache-control:max-age表示的是资源可以被缓存的最长时间。如果两者同时存在，cache-contol会优先生效

CACHE-CONTROL常用字段

• no-cache: 不直接使用本地缓存，要向服务器发起请求证明资源未变化，如果真的没有变化才使用本地缓存，这里说的也就是协商缓存，我的理解就是禁用强缓存。
• no-store：禁止使用缓存，每次请求资源都要向服务请求
• public：资源可被代理服务器和终端用户缓存
• private：资源只能被终端用户缓存
• max-age：缓存的最长有效时间

协商缓存

上面的强缓存是在本地判断缓存的资源是否可以继续用，而协商缓存顾名思义就是和服务器求证这个资源是否未被更新，从而决定要不要继续使用本地缓存的资源。

协商缓存涉及到的头

Last-Modified/If-Modified-Since

这两个头都是GMT格式的字符串，其中，Last-Modified是在响应头中的,If-Modified-Since是在请求头中的。
浏览器第一次和服务器请求资源的时候，服务器在返回资源的时候如果有Last-Modified就表明这个资源在服务器上最后的修改时间。
当浏览器再次跟服务器请求资源的时候，就会加上If-Modified-Since这个header，它的值就是上一次服务器发回来Last-Modified中的值。
然后服务器会根据资源最后的修改时间判断是否返回304，如果返回304，浏览器收到后就会使用本地的缓存

Etag/If-None-Match

这两个值是每一个资源的唯一标识符，Etag存在于响应头中，If-None-Match存在于请求头中，只要资源变化了，这个值就会改变，其判断过程与上面类似。

注意：服务器会优先验证Etag，然后再验证Last-Modified,两个都通过了才会返回304

最后附上一张图