浏览器HTTP缓存
内容提要
本文讨论了浏览器的HTTP缓存机制，包括Service Worker、内存缓存、磁盘缓存和推送缓存。HTTP缓存通过Cache-Control等响应头进行控制，旨在减轻服务器压力和提高网页性能。Service Worker可以拦截请求并实现离线缓存。缓存分为强制缓存和协商缓存，前者直接使用本地缓存，后者需向服务器验证。最佳实践建议对频繁变动的资源使用no-cache，对不常变动的资源使用长效缓存。
延伸解读
缓存优先级与读取顺序
浏览器查找缓存时遵循固定顺序：先检查Service Worker，再查内存缓存，然后是磁盘缓存，最后是推送缓存。如果都没命中，才发起网络请求。这个顺序决定了不同缓存机制的实际作用范围，也解释了为什么Service Worker能拦截所有请求。理解这个流程有助于排查资源加载问题，比如为什么某些资源没有按预期缓存。
强制缓存与协商缓存的配合
强制缓存通过Expires或Cache-Control直接使用本地副本，不发送请求；协商缓存则需向服务器验证资源是否更新，返回304或200。两者常结合使用：先设强制缓存，过期后自动进入协商缓存。实际项目中，对频繁变动的资源用no-cache，对稳定资源用长效max-age并配合文件名哈希，能平衡性能与更新及时性。
Service Worker的独特控制力与限制
Service Worker作为独立线程，能自由控制缓存哪些文件、如何匹配和读取，且缓存持久。但它必须运行在HTTPS下，无法操作DOM和Cookie，也不能使用同步API。注册后需刷新页面才生效，且未命中缓存时需手动fetch，仍受其他HTTP缓存影响。这些特性使其适合离线应用，但增加了开发复杂度。
浏览器操作对缓存行为的影响
用户的不同操作会触发不同缓存策略：前进/后退可能启用BF Cache，缓存DOM和JavaScript对象；直接输入地址、刷新或跳转链接则走正常缓存流程；强制刷新（Ctrl+F5）会发送no-cache请求，强制从服务器获取最新内容。了解这些差异有助于调试缓存问题，避免因操作方式不同导致资源加载不一致。
Q&A
HTTP缓存的主要作用是什么？
HTTP缓存的主要作用是减轻服务器压力，提高网页性能，减少资源加载时间。
什么是Service Worker，它在HTTP缓存中有什么作用？
Service Worker是运行在浏览器背后的独立线程，可以拦截请求并实现离线缓存，充当服务器与浏览器之间的中间人。
强制缓存和协商缓存有什么区别？
强制缓存直接使用本地缓存，而协商缓存需向服务器验证资源是否更新。
内存缓存和磁盘缓存的特点是什么？
内存缓存速度快但容量小，存储短时间内频繁访问的资源；磁盘缓存容量大且持久性强，但读取速度慢。
最佳实践中如何处理频繁变动的资源？
对于频繁变动的资源，建议使用Cache-Control: no-cache。
Push Cache是什么，它的使用场景是什么？
Push Cache是HTTP/2中的概念，当服务器主动推送资源时会被缓存，主要用于提高资源加载效率。
