EasyStore WP第一網・智慧網站服務
第一網編輯部

WordPress 網站載入速度優化實務:從主機架構、外掛清理到 LCP 指標提升的執行準則

WordPress 網站載入速度優化實務:從主機架構、外掛清理到 LCP 指標提升的執行準則

網站載入時間若超過 2.5 秒,將導致四成以上的潛在客戶流失。優化 WordPress 速度的首要任務是將主機環境升級至支援 HTTP/3 與邊緣運算(Edge Computing)的架構,並將外掛總數嚴格控制在 15 個以內。完成基礎架構調整後,再針對 Google 核心網頁指標(CWV)中的 LCP(最大內容繪製)進行圖片格式轉換與延遲載入設定。

主機效能與邊緣快取決定了 70% 的首位元反應時間(TTFB)

許多中小企業為了節省預算使用低價的共享主機,這是網站速度緩慢的主因。在目前的技術環境下,網站首位元反應時間(TTFB)必須控制在 200 毫秒(ms)以內。若您的主機位於美國但客群在台灣,即便頁面優化做得再好,物理距離造成的延遲仍會拖慢載入速度。優先選擇在台灣境內有資料中心,或具備邊緣伺服器快取功能(如 Cloudflare APO)的主機服務商。

判斷主機效能是否達標的具體數據如下:

  • 磁碟讀寫:必須使用 NVMe SSD,其讀寫速度比傳統 SATA SSD 快 5 倍以上。
  • PHP 版本:應運行於 PHP 8.3 或更高版本,效能較舊版提升約 20% 至 30%。
  • 網路協定:必須支援 HTTP/3 (QUIC),這能有效減少在不穩定網路環境下的連線中斷問題。

若您的主機不具備上述規格,任何外掛層級的優化都只是治標不治本。建議每三年重新評估一次主機方案,因為硬體成本持續下降,同等價格現在能買到更高規格的運算資源。

嚴格控制外掛數量並停用非必要的背景偵聽腳本

WordPress 網站變慢的第二個主因是「外掛冗餘」。每增加一個外掛,都會增加資料庫查詢(Database Queries)與 JavaScript/CSS 的請求數量。許多老闆習慣為了單一小功能(如:更換字體顏色、加入倒數計時器)就安裝一個獨立外掛,這會導致前端代碼極度臃腫。

優化準則是:能用代碼解決的就不用外掛,能用一站式外掛解決的就不用多個單一功能外掛。

優化項目建議方案預期效果
快取管理使用伺服器端快取(如 Object Cache Pro)而非單純外掛快取大幅降低資料庫負擔
圖片優化強制轉換為 AVIF 格式並開啟 WebP 回退機制減少 50% 以上的圖片體積
腳本控制使用 Asset CleanUp 禁用特定頁面不需加載的腳本減少前端請求數量
資料庫維護每週自動清理修訂版本(Revisions)與過期轉載維持資料庫查詢效率

特別需要注意的是,許多「多功能主題」(Multi-purpose Themes)內建了大量的視覺化編輯器(如 Elementor 或 WPBakery),這些工具雖然方便設計,但會產生大量的 DOM 元素,直接拖累渲染速度。若企業官網是以資訊傳達為主,建議改用原生 Gutenberg 編輯器或輕量化主題(如 GeneratePress),這能讓頁面體積減少 60% 以上。

針對 Google 核心網頁指標進行圖片與字型資源的載入優化

在目前的搜尋引擎演算法中,速度優化必須圍繞著「最大內容繪製」(LCP)展開。LCP 通常是網站首屏的大型橫幅圖(Hero Image)或標題文字。如果這張圖沒有經過優化,使用者在進入網站的前兩秒會看到一片空白,這是高跳出率的主要原因。

執行 LCP 優化的三個具體步驟:

  1. 排除首屏圖片的延遲載入(Lazy Loading):延遲載入對下方圖片有效,但若應用在首屏圖片,會導致瀏覽器先解析完 HTML 才開始下載圖片,反而延後了 LCP。應對首圖使用 fetchpriority="high" 標籤。
  2. 字型預先取回(Preload Fonts):網站若使用 Google Fonts 或自訂字型,瀏覽器必須等 CSS 下載完才去抓字型,這會造成「文字閃爍」(FOIT)。應在 <head> 中加入 <link rel="preload">。
  3. 捨棄 WebP,全面擁抱 AVIF:雖然 WebP 已是主流,但目前 AVIF 格式在相同品質下比 WebP 還要小 20%,且主流瀏覽器已全面支援。

此外,必須限制 WordPress 的 Heartbeat API。這個 API 會每隔 15 到 60 秒與伺服器溝通一次,當多個分頁同時開啟時,會佔用大量的 CPU 資源。透過外掛或代碼將其間隔拉長至 300 秒,能顯著減輕伺服器在尖峰時段的壓力。

透過資料庫索引優化與非同步處理減少伺服器負載

當網站運行超過一年,資料庫中會堆積大量的自動儲存草稿、過期的快取資料以及外掛卸載後殘留的表格。這些數據會讓 SQL 查詢變得緩慢,尤其是在處理產品目錄或大量文章列表時更為明顯。

資料庫優化的具體操作:

  • 清理 wp_options 表:許多外掛會將設定存入 autoload 為 yes 的欄位,導致每個頁面載入時都要讀取這些無效數據。手動清理不再使用的外掛殘留設定,是提升後台反應速度的關鍵。
  • 限制文章修訂版本:在 wp-config.php 中加入 define('WP_POST_REVISIONS', 3);,避免每一篇草稿都在資料庫產生數十個備份。
  • 非同步處理(Asynchronous Tasks):將寄送電子郵件、產生 PDF 報表等耗時任務改為背景處理,避免使用者在前端點擊按鈕後卡住等待。

最後,請立即使用 PageSpeed Insights 進行檢測。如果您的「效能」分數低於 80 分,請先查看「首位元反應時間」與「最大內容繪製」這兩項數據。若 TTFB 過高,請直接聯繫主機商更換伺服器或升級方案;若 LCP 過高,請檢查首屏圖片大小是否超過 200KB。優化網站速度不是一次性的任務,應建立每季一次的效能審計流程,確保隨著內容增加,網站依然能維持在 2 秒內開啟的標準。

GET STARTED

開始你的 WordPress

加入我們並獲得最專業的技術與設計團隊支持

開始使用 — LINE 線上諮詢
WordPress 網站載入速度優化實務:從主機架構、外掛清理到 LCP 指標提升的執行準則 | EasyStore WP