🎯 什麼情境該想到我
當使用者「重複造訪網站卻還是慢」、資源每次都重新下載時。
⚙️ 怎麼用
- 設快取標頭：對靜態資源加長
Cache-Control/Expires，讓瀏覽器重複造訪直接用本地副本。 - 內容雜湊檔名（cache busting）：檔名帶 hash（如
app.9f3c.js），內容一改檔名就變 → 可放心設「永久快取」，更新自動失效。（本站 Quartz 就是這樣。） - 善用多層快取：瀏覽器 → CDN → 反向代理 → 應用快取，越外層命中越省。
- 壓縮與合適格式：圖片用適當格式/尺寸，別傳過大資源。
🧪 我實際套用的紀錄
- 2026-07-15：（待填）
⚠️ 注意
- 快取最難的是「失效」；用內容雜湊檔名可一併解掉「更新了卻還吃到舊檔」的問題。
🔗 相關工具
- 工具-前端效能優化規則 —— 快取只是其中一條規則；跳過去拿完整清單，判斷該先動快取還是先減請求數
- 工具-透明多級分流 —— 多層快取的上游架構：瀏覽器 → CDN → 反向代理這條路徑本身該怎麼擺