🗄️

HTTP 缓存头速查

Cache-Control、ETag、Last-Modified 等缓存指令的含义与典型配置组合。

本地处理 · 不上传

加载工具中…

相关:缓存 · Cache-Control · ETag · max-age · 强缓存 · 协商缓存

Cache-Control、ETag、Last-Modified 等缓存指令的含义与典型配置组合。它决定了资源在浏览器与 CDN 中停留多久,配错会让更新迟迟不生效。

使用步骤

  1. 先确定资源是静态指纹文件还是会变的接口响应
  2. 按场景挑选 Cache-Control 的指令组合
  3. 再决定要不要配合 ETag 或 Last-Modified 做协商缓存
  4. 上线前用浏览器网络面板确认返回头与命中状态

使用场景

  • 配置静态资源的缓存策略
  • 排查更新不生效的问题
  • 优化站点加载性能
  • 理解 CDN 的缓存行为

小贴士

  • 强缓存(Cache-Control / Expires)不发请求;协商缓存(ETag / Last-Modified)发请求但可能返回 304。
  • 带哈希指纹的静态资源可以设置极长的缓存时间,而 HTML 入口文件应设为不缓存或短缓存。
  • no-cache 的含义是「每次使用前必须校验」,真正的不存储是 no-store,这两个名字长期造成误解。

常见问题

改了文件为什么用户还看到旧的?

因为缓存还没过期。解决办法是给静态资源加内容哈希(文件名随内容变化),配合长缓存;而 HTML 入口文件设为不缓存,这样新的文件名一发布就会被立即引用。

no-cache 是不缓存吗?

不是。它表示可以存储但每次使用前必须向服务器校验是否过期。真正禁止存储的是 no-store。这个命名造成的误解在实践中相当普遍。

CDN 的缓存怎么控制?

多数 CDN 遵循源站的缓存头,但也提供自己的规则覆盖。需要立即生效的更新通常要主动刷新 CDN 缓存,仅靠改源站的响应头不会清除已缓存的副本。

HTTP 缓存头速查是免费的吗?

是。本站所有工具完全免费,无需注册登录、无广告干扰,打开即用。

使用HTTP 缓存头速查,我的数据安全吗?

安全。该工具在你的浏览器本地完成处理,输入内容不会上传到服务器,隐私更有保障。