首页/网络/协议速查/强缓存(fresh 阶段)
HTTP 头与缓存70 条

强缓存(fresh 阶段)

在新鲜期内浏览器直接使用本地副本,不产生任何网络请求;由 Cache-Control max-age / Expires 控制。

协议速查网络更新于 2026-10-12
命中表现DevTools 显示 (memory cache)/(disk cache),无请求
判定新鲜度 = max-age(或 Expires-Date);s-maxage 只影响共享缓存
代价期间内容更新不可见,需要换 URL(指纹)来失效

静态资源指纹 + 强缓存

静态资源指纹 + 强缓存
index.html         → Cache-Control: no-cache(每次校验)
app.9f2c1a.js      → Cache-Control: public, max-age=31536000, immutable
发布新版本:改文件名 → URL 变化天然失效
现代前端的标准组合:HTML 协商缓存 + 带哈希的静态资源强缓存,既快又能即时发版。

易错点

  • 给 HTML 加长 max-age:用户长期拿不到新版本页面,只能靠强刷

数据来源与参考

  • RFC 9111 §4.2(新鲜度计算)
  • web.dev:HTTP 缓存最佳实践

相关工具

​‌‌​​‌​​​‌‌​‌‌‌‌​‌‌​​​‌‌​‌‌‌​​‌‌​​‌​‌‌‌​​‌‌‌​​​‌​‌‌​‌​​‌​‌‌‌​​​‌​‌‌​‌​​‌​‌‌​​​‌‌​‌‌‌​‌​​​‌‌​‌‌‌‌​​‌​‌‌‌​​‌‌​​​‌‌​‌‌​‌‌‌‌​‌‌​‌‌​‌