0%

正威網路行銷工作室,專注於基隆、台北與全台客製化網頁設計,提供專業 RWD 響應式、SEO 搜尋引擎優化、品牌形象設計與網站維護託管服務。

搜尋文章
聯絡資訊
地址基隆市仁二路 220 號 5 樓
追蹤我們

WordPress 網站加速完整攻略:測速、主機、快取、圖片、外掛與資料庫清理

筆電上的數據分析圖表

網站速度會直接影響兩件事:訪客願不願意等,以及 Google 的排名。Google 會用「網站使用體驗核心指標」(Core Web Vitals)評估網頁載入速度、互動反應與版面穩定度,手機上的表現尤其重要。

這篇把 WordPress 加速的做法依照「效果大、做起來簡單」的順序排好,建議從上往下檢查。

第一步:先測速,找出慢在哪裡

打開 PageSpeed Insights,輸入網址按「分析」。先看手機版的結果,重點看這三個指標:

  • LCP(最大內容繪製):主要內容多久顯示出來,建議 2.5 秒內。
  • INP(與下一個繪製的互動):點按鈕、選單後多快有反應,建議 200 毫秒內。
  • CLS(累計版面配置位移):載入時版面會不會跳來跳去,建議 0.1 以下。

下方的「診斷」會列出具體問題,例如圖片太大、伺服器回應慢、有阻擋顯示的 CSS/JavaScript,接下來就照這些問題處理。建議每改一項就重新測一次,才知道哪一項最有效。

第二步:主機與 PHP 版本

主機是速度的地基。檢查兩件事:

  • PHP 版本:到後台「工具 → 網站健康狀態 → 資訊 → 伺服器」看 PHP 版本。建議使用主機支援的最新穩定版(目前是 PHP 8.x),新版本的執行速度比舊版快很多。升級前先備份,並確認主題與外掛支援。
  • 伺服器回應時間:PageSpeed 如果提示「減少初始伺服器回應時間」,而你已經裝了快取外掛,通常就是主機本身效能不足或太多網站共用一台主機,這時候換主機的效果會比調任何設定都大。

第三步:安裝一個快取外掛

快取外掛會把網頁存成現成的檔案,訪客來的時候直接送出,不用每次都重新執行 PHP 與資料庫查詢,是 CP 值最高的加速方法。

  • LiteSpeed Cache:主機是 LiteSpeed 伺服器時首選(很多台灣虛擬主機都是),免費而且功能完整。
  • WP Rocket:付費,設定簡單,裝好幾乎就有效果。
  • WP Super Cache、W3 Total Cache:免費的老牌選擇。

只能裝一個快取外掛,裝兩個會互相衝突,反而更慢或出錯。

第四步:圖片瘦身

圖片通常佔網頁檔案大小的一大半。

  • 上傳前先縮小尺寸:網頁上最寬顯示 1200px 的圖,就不需要上傳 6000px 的原圖。
  • 壓縮並轉成 WebP:WordPress 支援上傳 WebP 格式,檔案通常比 JPG 小三成以上。可以用 Squoosh 這類線上工具先壓縮,或裝 EWWW Image Optimizer、ShortPixel 之類的外掛自動處理。
  • 延遲載入:WordPress 5.5 之後會自動為圖片加上 loading="lazy",捲到附近才載入,不用另外裝外掛。

第五步:外掛重質不重量

外掛的數量不是重點,重點是品質。一個寫不好的外掛,可能比十個輕量外掛還拖慢網站。

  • 刪掉沒在用的外掛:停用還不夠,停用但沒刪除的外掛仍然佔空間,也可能有安全漏洞。
  • 一次性用途的外掛用完就刪:例如匯入資料、搬家用的外掛。
  • 找出拖慢速度的外掛:安裝 Query Monitor 外掛,可以看到每一頁執行了多少查詢、哪個外掛最花時間。

第六步:清理資料庫

WordPress 用久了,資料庫會累積很多用不到的資料:大量的文章修訂版本、自動草稿、垃圾留言、已刪除外掛留下的設定、過期的暫存資料(transient)。

這篇文章早期介紹的 WP Clean Up 外掛已經停止維護,現在建議改用 WP-Optimize 或 Advanced Database Cleaner:

  1. 先備份資料庫(主機控制台或備份外掛都可以),清理是無法復原的。
  2. 在外掛裡勾選要清理的項目:文章修訂版本、自動草稿、垃圾桶、垃圾留言、過期暫存資料。
  3. 執行清理後,再執行「最佳化資料表」。

清完之後,可以在 wp-config.php 限制每篇文章最多保留幾個修訂版本,避免再次累積:

PHP
define( 'WP_POST_REVISIONS', 5 );

第七步:預先連線外部網站

網頁如果會載入其他網站的資源(例如 Google 字型、YouTube、外部統計程式),可以讓瀏覽器提早建立連線,省下等待的時間。WordPress 內建 wp_resource_hints 可以加入這類設定:

PHP
add_filter( 'wp_resource_hints', function ( $urls, $relation_type ) {
    if ( 'preconnect' === $relation_type ) {
        $urls[] = array(
            'href'        => 'https://fonts.gstatic.com',
            'crossorigin' => 'anonymous',
        );
    }
    return $urls;
}, 10, 2 );

preconnect 會提早完成 DNS 查詢與連線,只加在每一頁都會用到的外部網站就好,加太多反而浪費資源。這篇文章舊版(原本獨立的「DNS Prefetching」文章)用 Cookie 判斷第一次造訪再輸出的寫法太複雜,現在用上面這段就可以。

第八步:字型

  • WordPress 後台的 Google 字型:舊版 WordPress 後台會載入 Google 的 Open Sans 字型,以前常要寫程式關掉;WordPress 4.6 之後後台已改用系統字型,不需要再處理。
  • 主題使用的 Google 字型:字型檔通常不小,中文字型更大。可以減少使用的字重(例如只用一般與粗體),或改成放在自己主機上(WordPress 6.5 起「字型庫」可以直接安裝字型到網站裡)。

第九步:其他加分項目

加速檢查清單

  • PHP 使用主機支援的最新穩定版
  • 只裝一個快取外掛,並確認有生效
  • 圖片上傳前縮小尺寸、使用 WebP
  • 刪除沒在用的外掛與主題
  • 定期備份後清理資料庫,限制修訂版本數量
  • 開啟壓縮與瀏覽器快取
  • 每改一項就用 PageSpeed Insights 重測

延伸閱讀

網站怎麼調都慢,有時候是主機或網站架構本身的問題。正威網路行銷是 25 年經驗的基隆網頁設計工作室,也提供網站維護託管,服務台北與全台客戶,歡迎來聊聊。

分享這篇文章

返回文章列表更多「Wordpress代碼教學」文章

發表留言

還沒有人留言,歡迎第一個分享你的想法或問題。留言經審核後才會顯示,Email 不會公開。

讓我們一起打造
您的專屬網站!