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 更難挽回。