Whoops 知識庫
效能優化
網站效能優化完整教學：Core Web Vitals 指標解讀、快取設定、圖片壓縮與 JS/CSS 精簡，把網站速度一步步催到極限。
目前分類：效能優化16 個分類
依發布日期由新到舊
第 13–21 篇，共 21 篇
WordPress 網站速度優化：量測瓶頸與效能工具選擇
WordPress 速度優化從量測瓶頸開始，依主機快取、圖片、CSS／JavaScript 與資料庫需求選工具，並說明 Core Web Vitals、PageSpeed Insights 和 Query Monitor 的判讀方式。
網站速度優化指南：把載入時間壓下來，留住排名
網站速度優化怎麼做？別急著換主機。本文帶你看懂 Core Web Vitals 的 LCP、INP、CLS 三個指標，用 PageSpeed Insights 找瓶頸，按壓圖、快取、精簡 CSS/JS、CDN 的順序動手，真正提升 SEO 排名與轉換率。
CDN 到底在快什麼？拆解命中、回源與邊緣節點的加速機制
CDN 不是讓網站變快的開關：預設行為下它只讓符合快取資格的靜態資源改由離訪客近的邊緣節點送出，動態請求與未命中流量轉向上游、上層也未命中時才回源。拆解命中、回源與邊緣節點的運作機制，以訪客分布、資源型態、命中預期與成本四個檢查點判斷該不該導入，並附前置檢查、替代解法與驗收方法。
網站使用體驗核心指標 CWV 介紹：LCP、CLS、INP
Core Web Vitals 三指標教學：LCP、CLS、INP 的現行門檻與實際使用者資料；用 PageSpeed Insights、CrUX 與 Search Console 找出優先修復項目。
網站速度測試別只看分數：七步找出真正的瓶頸
網站速度測試不是收藏一張總分截圖：先用 Core Web Vitals 欄位資料確認 LCP、INP、CLS 是否越線，再用固定條件的受控量測找根因，將建議依傳輸、執行或回應屬性排先後，修一項驗一項；外部檢測報告的查核與投資停損，一併整理成判斷流程。
WebP、JPG、PNG 圖片格式比較：選對格式提升速度
比較 JPEG、PNG、WebP、AVIF 與 SVG 的畫質、透明度、壓縮和支援差異，依照片、Logo、圖解與 Hero 圖選格式並設定備援。
Lazy Loading 延遲載入指南：網站速度與 SEO 優化
延遲載入教學：解釋 loading=lazy、IntersectionObserver、LCP 首屏例外、圖片尺寸、srcset 與驗證方式，避免為省流量反而拖慢主要內容。
WordPress 快取外掛裝了沒變快？主機環境與機制拆解
WordPress 快取外掛為什麼裝了沒變快？效益取決於瓶頸位置與主機環境：先量測把慢分成生成、資產、渲染三類，盤點主機與 CDN 已內建的快取層找缺口，依伺服器相容性、交易排除需求與維護人力挑外掛補位，裝完以未登入、已登入、交易三種身分驗收命中，出事按設定與清除規則的固定順序排查。
WordPress 快取調校教學：WP Rocket 設定決策與驗證流程
WP Rocket 完整設定教學：解析頁面快取、檔案最佳化、延遲載入與 Delay JavaScript Execution 等關鍵開關，教你正確設定 WP Rocket，提升 WordPress 網站速度與 Core Web Vitals 分數。