Expires、Cache-Control、Last-Modified和If-Modified—Since、Etag和If-None-Match

1.Expires

页面的初次访问者会进行很多HTTP请求，但是通过使用一个长久的Expires头，可以使这些组件被缓存，下次访问的时候，就可以减少不必要的HTPP请求，从而提高加载速度。

Web服务器通过Expires头告诉客户端可以使用一个组件的当前副本，直到指定的时间为止。例如：

Expires: Fri, 18 Mar 2016 07:41:53 GMT

Expires缺点： 它要求服务器和客户端时钟严格同步；过期日期需要经常检查

HTTP1.1中引入Cache-Control来克服Expires头的限制，使用max-age指定组件被缓存多久。

Cache-Control： max-age=12345600

若同时制定Cache-Control和Expires，则max-age将覆盖Expires头.

参考文章：https://blog.csdn.net/an1090239782/article/details/78166983#十三配置etag

---

2.Cache-Control

Cache-Control 是指缓存指令，这个指令控制谁在什么条件下可以缓存响应，以及可以缓存多久。这个协定取代了以前的 Expires 指令，在 HTTP/1.1 开始支持，在这么长时间后，我们可以认为 Cache-Control 在正常环境下都是支持的。Cache-Control的格式如下：

Cache-control: must-revalidate
Cache-control: no-cache
Cache-control: no-store
Cache-control: no-transform
Cache-control: public
Cache-control: private
Cache-control: proxy-revalidate
Cache-Control: max-age=<seconds> //Cathe-Control：max-age=315360000
Cache-control: s-maxage=<seconds>

谁可以缓存

public 与 private 用来指定谁可以缓存。public 是指任何资源都可以被缓存下来，即使某些部分需要 http 验证的情况下； private 则是要求针对单一用户进行缓存，其他用户是无法使用这一块缓存的。

怎么缓存

no-cache，no-store 与 no-transform 来指定怎么缓存。“no-cache”表示必须先与服务器确认返回的响应是否发生了变化，然后才能使用该响应来满足后续对同一网址的请求。因此，如果存在合适的校验值 (ETag)，no-cache 会发起往返通信来验证缓存的响应，但如果资源未发生变化，则可避免下载。相比之下，“no-store”则要简单得多。它直接禁止浏览器以及所有中间缓存存储任何版本的返回响应，例如，包含个人隐私数据或银行业务数据的响应。每次用户请求该资产时，都会向服务器发送请求，并下载完整的响应。如果没有指定这个字段，那么就认为是可以缓存的。

缓存多久

指令指定从请求的时间开始，允许获取的响应被重用的最长时间（单位：秒）。例如，max-age=60 表示可在接下来的 60 秒缓存和重用响应。

参考文章：https://www.cnblogs.com/caiyanhu/p/6931624.html

HTTP1.1引入了Cathe-Control，它使用max-age指定组件被缓存多久，从请求开始在max-age时间内浏览器使用缓存，之外的使用请求，这样就可以消除Expires的限制，

如果对浏览器兼容性要求很高的话，可以两个都使用。

浏览器初次访问服务器——服务器返回200状态码和文件：

浏览器再次请求服务器时，浏览器会先判断max-age，如果到期则直接请求服务器，否则直接从缓存中取，

服务器收到请求后，判断文件是否被修改过，若是则直接返回200，否则返回304