🎯 什麼情境該想到我
當網站/頁面「載入很慢、首屏遲遲不出來」,你想知道從哪裡下手優化時。
⚙️ 怎麼用
黃金法則:多數載入時間在前端 → 先優化前端(比調後端 CP 值高)。核心是減少往返次數。
- 減少 HTTP 請求:合併 JS/CSS、用 CSS sprites、行內小圖(越少往返越快)。
- JS 放底部、CSS 放頂部:避免腳本阻塞頁面渲染。
- 壓縮傳輸:開 Gzip/Brotli,縮小 JS/CSS/圖片。
- 用 CDN:靜態資源就近提供,降低延遲。
- 先量測再優化:用瀏覽器開發者工具/效能瀑布圖找真正的瓶頸資源。
🧪 我實際套用的紀錄
- 2026-07-15:(待填)
⚠️ 注意
- 書中細節(如某些 HTTP/1 技巧)在 HTTP/2 後有變;但「減少往返、量測導向」的原則不變。
🔗 相關工具
- 工具-快取與資源優化 —— 規則裡最高槓桿的那一項,重複造訪的速度幾乎由它決定
- 工具-透明多級分流 —— 往後端延伸:前端規則管瀏覽器到 CDN,這張管 CDN 之後到服務節點
- 工具-簡單清楚至上 —— 提醒優化的邊界:先量測再動手,別為了省幾十毫秒寫出沒人看得懂的程式
- 工具-LLM推論最佳化 —— 同一套紀律換到 LLM 場域:先量出瓶頸在哪一段,再決定套哪個手法