HTTP缓存是客户端向服务器请求资源时，会先获取浏览器的缓存，如果浏览器有相应的副本，则可以直接用副本，不用再请求资源。浏览器只能缓存GET请求的资源。
HTTP缓存的分类
- 强缓存
如果浏览器的缓存没有失效，则直接使用缓存，不会再去服务器请求资源。http请求会返回200的状态码。
这种方式加载速度最快，性能最好。但是如果服务器端更新了资源，客户端无法知晓，此时可以通过Ctrl+F5强制刷新。
- 协商缓存
协商缓存需要和服务器交互，每次客户端请求资源时，都会请求服务器，服务器会查看一下资源是否已经更新，如果更新了，则返回新的资源，状态码为200；如果没有更新，则返回304，告知客户端可以使用缓存数据。
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 协议缓存机制详解
网友评论