强缓存与协商缓存

通常浏览器缓存策略分为两种：强缓存和协商缓存

原理

1. 浏览器加载资源时，根据请求头的Pragma和Cache-Control来识别强缓存和协商缓存;
   Pragma已经逐步抛弃。优先级Pragma > Cache-Control > Expires。命中强缓存，则直接从缓存读取资源，不会发送请求到服务器
2. 如果没有命中强缓存，浏览器一定会发送一个请求到服务器，通过last-modified和Etag验证资源是否命中协商缓存，如果命中，服务器会将这个请求返回，但是不会返回这个资源的数据，依然从缓存中读取资源。
3. 前两者都没命中，直接从服务器加载资源
   

强缓存

Expires：http1.0提出的一个标识资源过去的时间header，它描述的是一个绝对时间，由服务器返回。Expires受限于本地时间，如果修改了本地时间，可能会造成缓存失效。

Cach-Control：出现于HTTP/1.1 表示是相对时间。标识为no-cache的响应实际上是可以储存在本地缓存区的，只是在与原始服务器进行新鲜度验证之前，缓存不能将其提供给客户端使用。no-store才是真正不缓存数据到本地，public可以被所有用户缓存，private只能被终端浏览器缓存。

协商缓存

如果协商缓存命中，响应头返回304，协商缓存是利用的是【Last-Modified，If-Modified-Since】和【ETag、If-None-Match】这两对Header来管理的

Last-Modified 表示本地文件最后修改日期
Etag就像一个指纹，资源变化都会导致ETag变化，跟最后修改时间没有关系，ETag可以保证每一个资源是唯一的

ETag优先级高于Last-Modified

整理流程图

详细参考