網頁載入中

Revampable

網頁知識

WordPress 網站效能優化教學:圖片、快取、外掛與主機逐步清單

直接答案:WordPress 網站效能優化的正確做法是先量度、先備份,再按「圖片 → 外掛與建置器 → 快取/CDN → 第三方腳本 → 主機」的順序逐項改善。多數香港中小企 WordPress 站,只要處理首屏圖片、清理多餘外掛、正確啟用快取,已可明顯加快;不要一開始就整站重寫,也不要在未備份時亂停外掛。

本文是給已決定要動手優化的香港企業主與內部營運同事的WordPress 逐步教學。若你仍在分辨「整站該不該加快、優先序如何排」,請先讀如何提升網站速度完整行動指南;分數與 Core Web Vitals 怎麼看,見PageSpeed Insights 教學;分不清網絡慢還是網站慢,見網路速度很慢怎麼辦

本頁目錄

  1. 為什麼 WordPress 網站容易變慢
  2. 動手之前:量度與備份
  3. 步驟一:處理圖片與媒體
  4. 步驟二:清理外掛與頁面建置器
  5. 步驟三:啟用快取與 CDN
  6. 步驟四:延遲第三方腳本
  7. 步驟五:檢查主機與傳輸
  8. 可列印的驗收清單
  9. 何時應交由專業處理
  10. 下一步

為什麼 WordPress 網站容易變慢?

WordPress 本身不是「慢系統」;慢的通常是堆疊方式。常見情況包括:

  • 媒體未管理:從手機直接上傳數 MB 的照片,或把桌面大圖原尺寸放到首屏。
  • 外掛愈裝愈多:同一功能重複安裝、示範外掛未刪、半年未用的行銷工具仍在載入。
  • 頁面建置器過重:每個區塊都加動畫、圖示庫與全域 CSS,首屏尚未出現已下載大量 JavaScript。
  • 快取未啟用或設定錯誤:每次訪客都從頭產生整頁,伺服器與資料庫壓力偏高。
  • 第三方腳本即時載入:聊天室、多個像素、熱圖、字體與嵌入影片同時搶主執行緒。

這些問題多數可以用定向效能優化處理。若主題底層過時、外掛互相衝突、後台幾乎無法維護,才需要評估網站重構或技術遷移,而不是只再壓縮一次圖片。

動手之前:量度與備份

  1. 建立基準:免費網頁性能速度測試貼上首頁與最重要的服務頁/廣告落地頁,保存分數、關鍵指標與截圖。
  2. 手機體感:以流動數據開啟同一頁面,記錄「見到品牌與 WhatsApp 按鈕」大概要等多久。
  3. 完整備份:備份檔案與資料庫(或確認託管商有可還原的最新備份)。沒有備份就不要停用外掛或改快取。
  4. 維護時段:較大改動安排在低流量時段;電商站更要避開促銷高峰。
  5. 一次改一類:先改圖片、再測;再清外掛、再測。混在一起改,無法知道哪一步有效。

量度用語可另讀PageSpeed Insights 教學。記住:實驗室分數會浮動,應看趨勢與重複出現的高影響項目。

步驟一:處理圖片與媒體(通常回報最高)

  • 壓縮後再上傳:首屏主視覺目標控制在合理體積(常見實務是數百 KB 級,視畫質需求而定),避免直接上傳相機原圖。
  • 用對尺寸:手機版不需要四千像素闊的橫幅;按實際顯示寬度輸出,減少下載浪費。
  • 優先現代格式:在相容前提下使用 WebP 等較輕格式;舊 JPG/PNG 可批量轉換後替換。
  • 關掉無謂自動播放:背景影片對手機流量與首屏重量極重;可改靜態主視覺,影片改為點擊後播放。
  • 預留寬高:避免圖片載入後把文字與按鈕整段推走(與 CLS 穩定度相關)。

美觀與速度如何取捨,見網頁性能與美觀取捨。原則是:保留對信任與轉換有幫助的視覺,延遲或刪除只為「覺得高級」卻拖慢聯絡按鈕出現的特效。

步驟二:清理外掛與頁面建置器

外掛清理原則

  1. 列出全部已啟用外掛,標註「必須/可選/不明」。
  2. 先備份,再一次停用一個「可選」外掛。
  3. 立即檢查:首頁、聯絡表單、WhatsApp、會員登入、購物車/結帳(如適用)。
  4. 若一切正常且測速有改善,再處理下一個;若壞了,立刻重新啟用並記錄。

特別小心:保安、備份、快取、支付、會員、多語系與 SEO 核心外掛,不要在未理解依賴前停用。

頁面建置器與主題

  • 關閉建置器內未使用的模組、圖示庫與全域特效。
  • 減少首屏動畫與輪播;一個清楚的主視覺通常比三層動畫更有利轉換。
  • 避免「免費主題示範內容」長期留在正式站:多餘小工具與示範外掛會持續拖慢全站。
  • 同一功能不要裝兩套(例如兩個 SEO 外掛、兩個表單外掛同時啟用)。

主題與外掛長期臃腫、難以維護時,可對照免費主題與自訂主題網頁保養,再決定是清外掛還是重構主題。

步驟三:啟用快取與 CDN

  • 頁面快取:讓多數訪客直接取得已產生的 HTML,減少每次重查資料庫。
  • 瀏覽器快取:靜態圖片、CSS、JavaScript 應可在合理期限內重用,避免每次整包重下。
  • 排除規則:購物車、結帳、我的帳戶、表單成功頁等動態路徑通常要排除快取,否則會出現「看到別人的購物車」或舊內容。
  • 更新後清快取:改完文案或圖片,記得清除快取並用無痕視窗覆核。
  • CDN(按需要):訪客分佈廣、靜態資源多時,CDN 可縮短傳輸距離;以香港本地為主的小型站,先把快取與圖片做好,往往已夠。

快取「裝了但沒設好」比「未安裝」更危險。若你不確定排除規則,應交由技術人員設定,而不是只追求外掛數量。

步驟四:延遲第三方腳本

即時聊天、廣告像素、熱圖、嵌入地圖與多個分析工具,常在首屏搶資源。實務建議:

  • 刪除半年未再查看報表的追蹤工具。
  • 聊天室改為「捲動後」或「點擊後」才載入,而不是一打開就全量下載。
  • 合併可合併的追蹤(避免同一平台重複安裝多個容器)。
  • 字體只載入實際使用的兩至三個字重;不要一次載入整個字型家族。

目標是:訪客先見到品牌、內容與聯絡方式,再載入輔助工具。互動卡頓與 INP 問題,往往與主執行緒被腳本佔滿有關。

步驟五:檢查主機與傳輸

前面四步做完仍明顯緩慢,才輪到主機層:

  • 確認網站使用 HTTPS,伺服器有啟用壓縮(例如 Gzip/Brotli)。
  • PHP 版本與記憶體是否過舊、過低;共用主機是否經常資源耗盡。
  • 以香港訪客為主時,主機位置與響應時間是否合理。
  • 資料庫是否充滿修訂版本、垃圾留言與暫時資料(清理前必須備份)。

更換主機能解決「伺服器太慢」的問題,但無法自動修好未壓縮圖片與五十個外掛。寄存評估可參網頁寄存;整體優先序仍應跟提升網站速度行動指南

可列印的驗收清單

項目 完成標準
改善前基準 已保存測速結果與手機體感筆記
備份 檔案與資料庫可還原
首屏圖片 已壓縮、尺寸合理、無無謂自動播放影片
外掛 已移除明顯多餘項目;關鍵流程仍正常
建置器/主題 已關閉未用模組與過重首屏動畫
快取 已啟用並排除動態頁;更新後訪客可見新內容
第三方腳本 非必要項目已刪除或延遲載入
改善後覆核 同一工具重測+手機再走一次查詢路徑

何時應交由專業處理?

  • 快取與 CDN 規則牽涉會員、多語系或複雜電商結帳
  • 主題/建置器底層改動、關鍵 CSS/JavaScript 拆分
  • 資料庫慢查詢、伺服器層設定、安全與備份策略要一併調整
  • 需要在加速同時保護搜尋收錄與轉址(改版期間尤其重要)

若資訊架構仍可用,定向效能與 UX/SEO/GEO 優化通常較划算。若同時出現過時設計、手機難用與內容無法營運,應一併看網站過時徵兆免費網站翻新診斷

下一步如何進行

  1. 立即前往免費網頁性能速度測試,保存今日 WordPress 站結果。
  2. 先處理首屏圖片,再用同一工具重測一次。
  3. 備份後,按外掛 → 快取 → 第三方腳本順序推進,每步都驗收表單與聯絡按鈕。
  4. 若報告顯示問題跨主題、跨外掛,或不想冒險自行停用,可申請免費網站翻新診斷,並說明網址與「最想加快的頁面」。

WordPress 效能優化最忌「一次改十個外掛、沒有基準、沒有備份」。按清單逐步做,多數網站都能在不整站重寫的情況下,明顯改善手機載入與查詢轉換。

常見問題

WordPress 網站效能優化,最先應該改什麼?

應先用免費測速或 PageSpeed Insights 建立基準,再處理首屏大圖與多餘媒體。多數 WordPress 站的瓶頸來自未壓縮圖片、頁面建置器與外掛腳本,而不是一開始就要更換主機。

可以一次停用所有外掛來測試速度嗎?

不建議在正式網站上一次停用全部外掛。較安全的做法是先備份,在維護時段一次只停用一個非關鍵外掛並即時驗收首頁、表單與購物流程。保安、備份、會員與支付相關外掛應交由技術人員評估。

安裝快取外掛後網站一定會變快嗎?

不一定。快取外掛需要正確設定頁面快取、瀏覽器快取與排除規則;設定錯誤可能令會員頁面顯示舊內容,或令結帳失效。啟用後必須用手機重測關鍵頁,並確認內容更新後訪客看得見新版本。

用 Elementor 或其他頁面建置器,網站一定會很慢嗎?

不是必然,但建置器容易堆疊多餘小工具、動畫與全域樣式。若多數頁面只用少數模組,應關閉未使用功能、減少首屏動畫,並避免同一頁重複載入多套特效。結構長期臃腫時,應評估改用較輕量主題或重構關鍵頁。

WordPress 效能優化與整站翻新有什麼分別?

效能優化聚焦圖片、腳本、快取、外掛與主機傳輸,適合資訊架構仍可用、只是載入緩慢的站。若同時出現手機難用、主題過時、外掛互相衝突、內容難以更新,單靠加速效益有限,應評估主題重構或網站翻新。

優化後要怎樣驗收才算成功?

應用同一工具、同一關鍵網址重測,並以手機流動網絡親身體感:首屏是否更快見到品牌與聯絡按鈕、按鈕是否有反應、廣告落地跳出是否下降。不必追求報告滿分,應以真實用戶體驗與查詢轉換為準。

免費測速與診斷

想確認你的 WordPress 站還可以再快多少?

請先進行免費網頁性能速度測試;若需要人手排列圖片、外掛、快取與主機優先序,可申請免費網站翻新診斷,或以 WhatsApp 傳送網址。

延伸閱讀

相關網頁知識

WhatsApp 查詢