浏览器的缓存机制

[shawlp]

按缓存位置分类：

• Service Worker
• Memory Cache
• Disk Cache
• 网络请求

按失效策略分类：

• 强制缓存（Cache-control和Expires）
• 协商缓存（Last-Modified & If-Modified-Since和Etag & If-None-Match）

缓存小结： 当浏览器要请求资源时

1. 调用 Service Worker 的 fetch 事件响应
2. 查看 memory cache
3. 查看 disk cache：如果有强制缓存且未失效，则使用强制缓存，不请求服务器。这时的状态码全部是 200；如果有强制缓存但已失效，使用对比缓存，比较后确定 304 还是 200
4. 发送网络请求，等待网络响应 把响应内容存入 disk cache (如果 HTTP 头信息配置可以存的话) 把响应内容 的引用 存入 memory cache (无视 HTTP 头信息的配置) 把响应内容存入 Service Worker 的 Cache Storage (如果 Service Worker 的脚本调用了 cache.put())