Whoops 知識庫
效能優化
網站效能優化完整教學：Core Web Vitals 指標解讀、快取設定、圖片壓縮與 JS/CSS 精簡，把網站速度一步步催到極限。
目前分類：效能優化16 個分類
依發布日期由新到舊
第 1–12 篇，共 21 篇
Cloudflare 該不該掛？免費版評估、橘雲灰雲選擇與上線前檢查清單
Cloudflare 該不該掛，先按網站形態分診：純靜態站邊際效益有限，WordPress 動態站收益明確；電商可以掛，但照檢查清單走完再切。接著看 2026 年免費與付費方案的功能分界、橘雲灰雲對 GSC 驗證與主機日誌的實務後果，最後照上線前的檢查清單，把 MX 補齊、做好快取排除、把 Full (strict) 設好再切換。
Cloudflare R2 物件儲存：免費額度與圖床備份應用
Cloudflare R2 是 S3 相容的物件儲存，標準儲存每 GB 月 0.015 美元、對外流出流量不收費，每月免費額度含 10 GB 儲存與 100 萬次 Class A、1,000 萬次 Class B 操作。整理免費額度細節、三種網站規模費用試算、低頻儲存等級取捨、自訂網域與 r2.dev 差異、S3 相容範圍，以及 WordPress 圖片外接與備份兩種落地情境。
網頁速度與 SEO：量測、診斷及優化順序
網頁速度如何量測與改善？區分 PageSpeed Insights 實驗室分數與 CrUX 真實使用者資料，依 LCP、INP、CLS 診斷圖片、腳本和互動問題。
網站速度慢別急著裝外掛：先分流判斷，再決定修哪裡
網站速度慢別急著裝外掛。先用免費工具量出基準，把慢判讀成載入四段旅程裡的某一段，再分流到伺服器回應、資源下載或互動層，各自有對應修法與條件式的花錢順序，附症狀對照表與驗收方法，把力氣花在真正拖慢網站速度的那一段，不把預算燒在用不到的地方。
WordPress 本機託管 Google Fonts：設定、效能與隱私檢查
WordPress 本機託管 Google Fonts 教學：比較 OMGF、系統字型與手動 WOFF2，說明中文字元子集、font-display、預載與效能驗證，以及第三方字型資料傳輸的範圍。
快取是內建行為：先判斷誰在看、會不會過期、瓶頸在哪一層
快取不是裝了才存在的功能，而是寫在每份回應上的規則：能存多久、可否共用、誰該排除，由瀏覽器、CDN、伺服器各層接力執行。先判斷誰在看、會不會過期、瓶頸在哪一層，再把排除清單與失效機制設計好，舊內容不再反覆出現，清除也不必再當例行保養。
Core Web Vitals 攻略：LCP、INP、CLS 優化實戰
Core Web Vitals 是 Google 量測真實體驗的 SEO 排名訊號，由 LCP、INP、CLS 三項組成。本文拆解三項門檻、CrUX 與 Lighthouse 量測差異，以及 WordPress 修復優先級，幫你過門檻不白忙。
圖片壓縮工具怎麼選：先找瓶頸再對症下藥的決策流程
圖片壓縮工具怎麼挑？先用測速與 Network 面板確認圖片是不是瓶頸，再依尺寸、品質、格式三層槓桿決定施力順序，用位置、量、隱私三個盤點問題，在進站前、上傳時、部署時三個位置裡選出候選工具，把判斷寫成內部規格，附失真驗收檢查點與五種求救訊號排查。
WordPress 圖片優化指南：壓縮、格式與延遲載入
WordPress 圖片優化教學：依版面選尺寸與格式，確認素材授權、壓縮品質及 alt 文字，並檢查 WebP／AVIF 支援、LCP 圖片優先級與舊媒體庫處理方式。
Lottie 動畫指南：為網站注入輕量動態特效
Lottie 動畫指南：比較 JSON 與 dotLottie 格式、播放器支援、WordPress 嵌入和手機效能，並說明無障礙及減少動態效果。
網站互動卡頓怎麼量？FID 退役與 INP 接手的始末
Google 於 2024 年以 INP 取代 FID，成為 Core Web Vitals 的互動指標。比較首次輸入延遲與整段造訪反應時間，並用現場資料與效能紀錄定位卡頓。
AMP 該不該導入？四道診斷關卡與安全退場時機
AMP 的速度來自一串禁止規則，不是加速技術；排名優勢 2021 年取消、快取代發 2026 年七月停用，該不該導入只剩四個變數：互動複雜度、讀者網路、維護資源、Core Web Vitals 實測。四道關卡檢核，對應導入、替代處方、安全退場三種結局，附 WordPress 導入形態與拆除順序。