直接答案:WordPress 網站效能優化的正確做法是先量度、先備份,再按「圖片 → 外掛與建置器 → 快取/CDN → 第三方腳本 → 主機」的順序逐項改善。多數香港中小企 WordPress 站,只要處理首屏圖片、清理多餘外掛、正確啟用快取,已可明顯加快;不要一開始就整站重寫,也不要在未備份時亂停外掛。
本文是給已決定要動手優化的香港企業主與內部營運同事的WordPress 逐步教學。若你仍在分辨「整站該不該加快、優先序如何排」,請先讀如何提升網站速度完整行動指南;分數與 Core Web Vitals 怎麼看,見PageSpeed Insights 教學;分不清網絡慢還是網站慢,見網路速度很慢怎麼辦。
為什麼 WordPress 網站容易變慢?
WordPress 本身不是「慢系統」;慢的通常是堆疊方式。常見情況包括:
- 媒體未管理:從手機直接上傳數 MB 的照片,或把桌面大圖原尺寸放到首屏。
- 外掛愈裝愈多:同一功能重複安裝、示範外掛未刪、半年未用的行銷工具仍在載入。
- 頁面建置器過重:每個區塊都加動畫、圖示庫與全域 CSS,首屏尚未出現已下載大量 JavaScript。
- 快取未啟用或設定錯誤:每次訪客都從頭產生整頁,伺服器與資料庫壓力偏高。
- 第三方腳本即時載入:聊天室、多個像素、熱圖、字體與嵌入影片同時搶主執行緒。
這些問題多數可以用定向效能優化處理。若主題底層過時、外掛互相衝突、後台幾乎無法維護,才需要評估網站重構或技術遷移,而不是只再壓縮一次圖片。
動手之前:量度與備份
- 建立基準:用免費網頁性能速度測試貼上首頁與最重要的服務頁/廣告落地頁,保存分數、關鍵指標與截圖。
- 手機體感:以流動數據開啟同一頁面,記錄「見到品牌與 WhatsApp 按鈕」大概要等多久。
- 完整備份:備份檔案與資料庫(或確認託管商有可還原的最新備份)。沒有備份就不要停用外掛或改快取。
- 維護時段:較大改動安排在低流量時段;電商站更要避開促銷高峰。
- 一次改一類:先改圖片、再測;再清外掛、再測。混在一起改,無法知道哪一步有效。
量度用語可另讀PageSpeed Insights 教學。記住:實驗室分數會浮動,應看趨勢與重複出現的高影響項目。
步驟一:處理圖片與媒體(通常回報最高)
- 壓縮後再上傳:首屏主視覺目標控制在合理體積(常見實務是數百 KB 級,視畫質需求而定),避免直接上傳相機原圖。
- 用對尺寸:手機版不需要四千像素闊的橫幅;按實際顯示寬度輸出,減少下載浪費。
- 優先現代格式:在相容前提下使用 WebP 等較輕格式;舊 JPG/PNG 可批量轉換後替換。
- 關掉無謂自動播放:背景影片對手機流量與首屏重量極重;可改靜態主視覺,影片改為點擊後播放。
- 預留寬高:避免圖片載入後把文字與按鈕整段推走(與 CLS 穩定度相關)。
美觀與速度如何取捨,見網頁性能與美觀取捨。原則是:保留對信任與轉換有幫助的視覺,延遲或刪除只為「覺得高級」卻拖慢聯絡按鈕出現的特效。
步驟二:清理外掛與頁面建置器
外掛清理原則
- 列出全部已啟用外掛,標註「必須/可選/不明」。
- 先備份,再一次停用一個「可選」外掛。
- 立即檢查:首頁、聯絡表單、WhatsApp、會員登入、購物車/結帳(如適用)。
- 若一切正常且測速有改善,再處理下一個;若壞了,立刻重新啟用並記錄。
特別小心:保安、備份、快取、支付、會員、多語系與 SEO 核心外掛,不要在未理解依賴前停用。
頁面建置器與主題
- 關閉建置器內未使用的模組、圖示庫與全域特效。
- 減少首屏動畫與輪播;一個清楚的主視覺通常比三層動畫更有利轉換。
- 避免「免費主題示範內容」長期留在正式站:多餘小工具與示範外掛會持續拖慢全站。
- 同一功能不要裝兩套(例如兩個 SEO 外掛、兩個表單外掛同時啟用)。
主題與外掛長期臃腫、難以維護時,可對照免費主題與自訂主題、網頁保養,再決定是清外掛還是重構主題。
步驟三:啟用快取與 CDN
- 頁面快取:讓多數訪客直接取得已產生的 HTML,減少每次重查資料庫。
- 瀏覽器快取:靜態圖片、CSS、JavaScript 應可在合理期限內重用,避免每次整包重下。
- 排除規則:購物車、結帳、我的帳戶、表單成功頁等動態路徑通常要排除快取,否則會出現「看到別人的購物車」或舊內容。
- 更新後清快取:改完文案或圖片,記得清除快取並用無痕視窗覆核。
- CDN(按需要):訪客分佈廣、靜態資源多時,CDN 可縮短傳輸距離;以香港本地為主的小型站,先把快取與圖片做好,往往已夠。
快取「裝了但沒設好」比「未安裝」更危險。若你不確定排除規則,應交由技術人員設定,而不是只追求外掛數量。
步驟四:延遲第三方腳本
即時聊天、廣告像素、熱圖、嵌入地圖與多個分析工具,常在首屏搶資源。實務建議:
- 刪除半年未再查看報表的追蹤工具。
- 聊天室改為「捲動後」或「點擊後」才載入,而不是一打開就全量下載。
- 合併可合併的追蹤(避免同一平台重複安裝多個容器)。
- 字體只載入實際使用的兩至三個字重;不要一次載入整個字型家族。
目標是:訪客先見到品牌、內容與聯絡方式,再載入輔助工具。互動卡頓與 INP 問題,往往與主執行緒被腳本佔滿有關。
步驟五:檢查主機與傳輸
前面四步做完仍明顯緩慢,才輪到主機層:
- 確認網站使用 HTTPS,伺服器有啟用壓縮(例如 Gzip/Brotli)。
- PHP 版本與記憶體是否過舊、過低;共用主機是否經常資源耗盡。
- 以香港訪客為主時,主機位置與響應時間是否合理。
- 資料庫是否充滿修訂版本、垃圾留言與暫時資料(清理前必須備份)。
更換主機能解決「伺服器太慢」的問題,但無法自動修好未壓縮圖片與五十個外掛。寄存評估可參網頁寄存;整體優先序仍應跟提升網站速度行動指南。
可列印的驗收清單
| 項目 | 完成標準 |
|---|---|
| 改善前基準 | 已保存測速結果與手機體感筆記 |
| 備份 | 檔案與資料庫可還原 |
| 首屏圖片 | 已壓縮、尺寸合理、無無謂自動播放影片 |
| 外掛 | 已移除明顯多餘項目;關鍵流程仍正常 |
| 建置器/主題 | 已關閉未用模組與過重首屏動畫 |
| 快取 | 已啟用並排除動態頁;更新後訪客可見新內容 |
| 第三方腳本 | 非必要項目已刪除或延遲載入 |
| 改善後覆核 | 同一工具重測+手機再走一次查詢路徑 |
何時應交由專業處理?
- 快取與 CDN 規則牽涉會員、多語系或複雜電商結帳
- 主題/建置器底層改動、關鍵 CSS/JavaScript 拆分
- 資料庫慢查詢、伺服器層設定、安全與備份策略要一併調整
- 需要在加速同時保護搜尋收錄與轉址(改版期間尤其重要)
若資訊架構仍可用,定向效能與 UX/SEO/GEO 優化通常較划算。若同時出現過時設計、手機難用與內容無法營運,應一併看網站過時徵兆與免費網站翻新診斷。
下一步如何進行
- 立即前往免費網頁性能速度測試,保存今日 WordPress 站結果。
- 先處理首屏圖片,再用同一工具重測一次。
- 備份後,按外掛 → 快取 → 第三方腳本順序推進,每步都驗收表單與聯絡按鈕。
- 若報告顯示問題跨主題、跨外掛,或不想冒險自行停用,可申請免費網站翻新診斷,並說明網址與「最想加快的頁面」。
WordPress 效能優化最忌「一次改十個外掛、沒有基準、沒有備份」。按清單逐步做,多數網站都能在不整站重寫的情況下,明顯改善手機載入與查詢轉換。