HTTP 缓存策略速查

📚 深度解析：HTTP 缓存策略速查

💡 常见使用场景

• 配置静态资源缓存：给带哈希文件名的 JS/CSS 设 Cache-Control: max-age=31536000, immutable，HTML 则用 no-cache 配合 ETag 协商，兼顾更新与速度。
• 排查「改了没生效」：看响应是命中强缓存（from disk cache）还是重新校验（304），据此判断该改缓存策略还是加版本号。

❓ 常见问题（FAQ）

max-age 和 s-maxage 有什么区别？

max-age 对浏览器生效；s-maxage 只对共享缓存（CDN、代理）生效，且优先级高于 max-age。典型用法是给 HTML 设 max-age=0, s-maxage=600：浏览器每次重新校验，CDN 缓存 10 分钟，既保证用户能及时看到更新，又显著降低源站压力。

immutable 有什么用？

它告诉浏览器在 max-age 期间连条件请求都不要发（刷新页面也不必校验）。只对带内容哈希、永不变更的文件名使用——一旦文件名不变而内容更新，用户会被旧缓存卡住直到过期，比不设 immutable 更难挽回。