logo
GeekFormat

Cache-Control 解析器

Cache-Control 分析器

分析快取策略、快取範圍與新鮮度 TTL。也可透過建構器產生可重現的標頭。

分析摘要

Shared caches allowed新鮮度:10m 0sstale-while-revalidate:30s
快取性
Shared caches allowed
新鮮度 TTL
10m 0s
Stale-While-Revalidate
30s
Stale-If-Error
-

建構器

public, max-age=600, stale-while-revalidate=30

JSON 預覽

{
  "directives": [
    {
      "key": "public",
      "value": null
    },
    {
      "key": "max-age",
      "value": "600"
    },
    {
      "key": "stale-while-revalidate",
      "value": "30"
    }
  ],
  "warnings": [],
  "cacheability": "Shared caches allowed",
  "freshnessSeconds": 600,
  "staleWhileRevalidateSeconds": 30,
  "staleIfErrorSeconds": null
}

線上看懂 Cache-Control,不再硬讀快取指令。

相關推薦

適用場景

  • 上線後發現資源更新不及時,先把回應標頭貼進來判斷是不是快取策略配錯了
  • 除錯瀏覽器快取策略解決頁面不更新問題時檢查 no-cache 和 must-revalidate 指令
  • 優化靜態資源快取時透過產生器設定 max-age、immutable 和 stale-while-revalidate
  • 檢查 API 回應標頭快取指令避免敏感資料被快取時確認 no-store 是否生效

功能特點

  • 快取策略拆開看:TTL、共用快取、回源時機一眼就懂
  • 調優更有方向:瀏覽器快取、CDN 快取和 API 快取可分別判斷
  • 結果更適合協作:方便把解析結論同步給前端、後端和維運一起定位問題
  • 產生後可直接落地:適合回填伺服器設定或繼續做快取策略實驗

使用方法

  1. 貼上 Cache-Control 回應標頭內容到解析區,或使用產生器設定各快取指令
  2. 解析模式下查看 TTL、快取範圍、重新驗證策略和警告訊息
  3. 產生模式下勾選 public/private/no-cache/no-store 等指令並填寫時間值
  4. 複製產生的 Cache-Control 內容用於伺服器設定或覆蓋輸入區內容繼續除錯

常見問題

Cache-Control 裡的 max-age 和 s-maxage 有什麼區別?

max-age 主要影響瀏覽器本地快取,s-maxage 更偏向 CDN 和共用快取;把指令拆開看,才能判斷快取到底卡在哪一層。

為什麼明明設定了快取,瀏覽器還是頻繁回源?

常見原因包括 no-cache、must-revalidate、快取時間過短,或者回應標頭之間存在衝突。解析後可以快速定位具體是哪條快取指令導致未命中。

這個工具適合排查 CDN 快取和靜態資源快取嗎?

適合。無論是圖片、JS、CSS,還是 API 回應標頭,都可以用來檢查 TTL、共用快取策略和過期更新邏輯,方便上線前自檢。

線上解析快取回應標頭安全嗎?

工具主要用於解析您貼上的回應標頭文字,不依賴複雜上傳流程,適合前端、維運和站長快速自查快取設定。