HTTP的缓存机制

前面的话

缓存机制可以有很多种：比如客户端缓存、服务端缓存、代理服务器缓存等。
而本文主角HTTP的缓存是浏览器缓存。为什么这么说，下面来详细介绍一下。

HTTP缓存分类

HTTP缓存可以分为强缓存 与协商缓存。

强制缓存

当缓存数据库中已经有所请求的数据时，客户端直接从缓存数据库中获取数据。
当缓存数据库中没有要请求的数据时，客户端才会从服务端获取数据，并且服务器会将数据和缓存规则一起返回，缓存规则信息包含在响应头中。

• Expires: 将资源失效的日期告知客户端。Expires是HTTP1.0的产物，先都用Cache-Control代替。
• Cache-Control: 属性很多，用来控制缓存机制。
  • private：对指定客户端提供缓存
  • public：任何客户端与代理服务器都可以缓存
  • max-age：缓存内容在t秒之后失效
  • no-cache: 需要使用协商缓存来验证缓存数据
  • no-store: 所有资源都不缓存

注意：更推荐使用Cache-Control

协商缓存

客户端会先从缓存数据库中获取到一个缓存数据的标识，得到标识后请求服务器端验证是否失效，如果没有失效服务器端会返回304，此时客户端就可以直接从缓存数据库中获取数据。如果标识失效了，服务器会返回更新后的数据。

• Last-Modified（服务器携带）： 服务器在响应请求时，会告诉浏览器资源的最后修改时间
• if-Modified-Since（浏览器携带）：浏览器再次请求服务器的时候，请求头包含此字段，后面跟着上一次获取资源的时间。（与上面Last-Modified相匹配）
  如果资源在这个时间之后更新过，则响应更新后的资源，返回200 OK ；
  如果资源在这个时间之后没有更新过，则响应一个header，返回304 Not Modified。
• if-UnModified-Since（浏览器携带）： 与上面Last-Modified相匹配
  如果资源在这个字段值之后没有更新过，则请求服务器资源，返回 200 OK；
  如果资源在这个字段值之后更新了，则返回 412 Precondition failed（预处理错误）
• Etag（服务器携带）: 服务器响应请求时，通过此字段告诉浏览器当前资源在服务器生成的唯一标识。服务器为每一份资源分配对应的ETag值，当资源更新时，ETag值也需要更新。
• If-None-Match（浏览器携带）：如果If-None-Match与E-tag匹配，则代表内容未变，通知浏览器使用本地缓存。（与上面的Etag相匹配）

如果同时带有E-tag和Last-Modified，服务端会优先检查E-tag

缓存的大致关系：

缓存的优点

• 减少了冗余的数据传递
• 减少了服务器的负担，提高网站性能
• 加快了客户端加载网页的速度，这也是HTTP缓存属于客户端缓存的原因。

不同刷新的请求执行过程

• 浏览器地址栏中写入URL，回车浏览器发现缓存中有这个文件了，不用继续请求了，直接去缓存拿。（最快）
• F5 ，F5就是告诉浏览器，别偷懒，好歹去服务器看看这个文件是否有过期了。于是浏览器就胆胆襟襟的发送一个请求带上If-Modify-since。
• Ctrl+F5 告诉浏览器，你先把你缓存中的这个文件给我删了，然后再去服务器请求个完整的资源文件下来。于是客户端就完成了强行更新的操作.

参考链接：HTTP缓存机制