HTTP缓存

HTTP缓存是客户端向服务器请求资源时，会先获取浏览器的缓存，如果浏览器有相应的副本，则可以直接用副本，不用再请求资源。浏览器只能缓存GET请求的资源。

HTTP缓存的分类

• 强缓存

如果浏览器的缓存没有失效，则直接使用缓存，不会再去服务器请求资源。http请求会返回200的状态码。
这种方式加载速度最快，性能最好。但是如果服务器端更新了资源，客户端无法知晓，此时可以通过Ctrl+F5强制刷新。

• 协商缓存

协商缓存需要和服务器交互，每次客户端请求资源时，都会请求服务器，服务器会查看一下资源是否已经更新，如果更新了，则返回新的资源，状态码为200；如果没有更新，则返回304(Not Modified)，告知客户端可以使用缓存数据。

HTTP缓存机制

HTTP缓存获取数据的流程的如下图：

HTTP缓存流程图.png

涉及到的消息头主要有：

• cache-control:

cache-control主要有以下选择:
public:响应可以被任何对象（客户端或者代理服务器等）缓存。
private:响应可以被单个用户缓存，代理服务器不可缓存。
no-cache:使用协商缓存，与服务器确认。
no-store: 禁用缓存，不缓存任何信息。
max-age:缓存有效的最大时间。

• Last-Modified / If-Modified-Since:

Last-Modified是请求资源时服务器返回的最后修改时间。
如果客户端的缓存过期（通过cache-control里的max-age判断），并且资源有Last-Modified声明，则请求资源时会带上If-Modified-Since头部（值为Last-Modified）给服务器。
服务器通过该头部判断资源是否需要更新，返回200（需要更新，返回新资源）或者304（不需要更新）。

• ETag / If-None-Match

ETag是资源的版本标识符。
如果客户端的缓存过期（同样也是通过cache-control里的max-age判断），并且资源有ETag声明，则请求资源时会带上If-None-Match头部(值为ETag)给服务器。
服务器通过该头部判断资源是否为当前最新的资源，从而判断是否需要更新，返回200（需要更新，返回新资源）或者304（不需要更新）。

Last-Modified与ETag同时存在，怎么办？

服务器会优先验证ETag，因为ETag比Last-Modified能更精准的判断资源是否为最新的。Last-Modified是秒级单位，如果某些文件在1秒钟以内，被修改多次的话，它将不能准确标注文件的修改时间。

参考文献：
一张图理解Http缓存
浏览器 HTTP 协议缓存机制详解