點解網站性能咁重要
喺而家嘅互聯網環境，網站性能已經唔係錦上添花嘅選擇，而係決定用戶體驗、搜尋引擎排名同業務轉化率嘅核心因素。一個載入得慢嘅頁面會直接導致用戶流失，研究顯示，頁面載入時間延遲一秒可能令轉化率下降7%。對於用WordPress搭建嘅網站嚟講，由於佢動態生成頁面嘅特性同豐富嘅插件生態，性能優化顯得特別重要同複雜。
搜尋引擎，特別係Google，已經將「核心網頁指標」作為重要嘅排名因素。呢啲指標量化咗用戶喺瀏覽網頁時嘅視覺穩定性、互動性同載入體驗。所以，優化WordPress網站性能，唔單止係為咗令訪客覺得順暢，更加係為咗喺激烈嘅線上競爭中佔據有利位置，提升網站嘅可發現性同有效性。
優化載入速度嘅基礎策略
加載速度係用戶對網站性能最直接嘅感受。要優化 WordPress 嘅加載速度，需要從多個層面系統性咁進行。
推薦閱讀 點樣優化 WordPress 網站性能：從加載速度到核心網頁指標全面解析。
揀選優質嘅主機同埋緩存方案
所有優化嘅基礎都係由託管環境開始。一部高性能嘅 WordPress 專用主機或者雲端伺服器，能夠提供更快嘅伺服器回應時間。喺呢個基礎之上，實施緩存係提升速度最有效嘅方法之一。緩存可以減少數據庫查詢同埋動態頁面生成嘅開支。
對於伺服器級快取，可以考慮使用好似 Redis 或者 Memcached 嘅物件快取。對於頁面快取，有好多優秀插件可以簡化呢個過程。例如，透過 WP_Object_Cache 介面，可以高效噉管理快取數據。喺主題嘅 functions.php 檔案入面，可以加啲代碼嚟設定瀏覽器快取頭，話畀訪客嘅瀏覽器知要將靜態資源快取一段時間。
# 通过 .htaccess 文件设置资源缓存过期时间
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
</IfModule>優化圖片同靜態資源
未經最佳化嘅圖片通常係搞到頁面臃腫嘅元兇。記住上傳之前要用工具壓縮圖片，同埋揀啲現代格式好似 WebP 咁。可以用 wp_get_attachment_image_srcset 函數嚟確保響應式圖片嘅正確輸出。此外，對 CSS 同 JavaScript 檔案進行合併同最小化處理，可以顯著減少 HTTP 請求數量同檔案大小。好多效能插件都提供呢個功能，或者可以喺構建過程中使用好似 Webpack 咁嘅工具自動完成。
同時，移除唔必要嘅第三方腳本同字體，並考慮將關鍵 CSS 內聯到 HTML 嘅 <head> 部分，以加速首屏渲染。對於非關鍵資源，可以使用 async 或 defer 屬性異步加載。
深入理解並優化核心網頁指標
谷歌定義嘅核心網頁指標包含咗三個關鍵維度：載入效能、互動性同視覺穩定性。佢哋係衡量用戶體驗嘅現代標準。
推薦閱讀 無代碼實戰指南：由頭到尾徹底優化你嘅WordPress網站性能。
提升最大內容繪製
最大內容繪製衡量嘅係頁面主要內容載入完成嘅時間。優化 LCP 嘅關鍵在於優先保障「最大內容元素」（通常係主圖、標題或者大段文字）嘅快速載入。呢個涉及：優化伺服器回應時間、使用 CDN 加速靜態資源載入、移除渲染阻礙嘅資源（例如冇用到嘅 CSS），以及預先連接到重要來源。例如，可以喺主題嘅 <head> 部分加入以下代碼來預先連接關鍵域名：
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="dns-prefetch" href="//cdn.yourdomain.com">改善首次輸入延遲
首次輸入延遲衡量嘅係頁面首次變得可互動嘅時間。差嘅 FID 通常係由執行時間過長嘅 JavaScript 任務導致。為咗改善 FID，應該拆散長嘅 JavaScript 任務、減少第三方代碼嘅影響，同埋用 Web Worker 處理非UI任務。喺 WordPress 入面，應該審查同優化插件加載嘅腳本，延遲加載非關鍵嘅 JavaScript。可以利用瀏覽器嘅 requestIdleCallback API 嚟安排低優先級嘅任務。
減少累積版面偏移
累積佈局偏移量化咗頁面嘅視覺穩定性。意外嘅佈局偏移會令用戶感到沮喪，例如撳緊掣嘅時候個按鈕突然間郁咗。CLS 嘅優化主要喺於：為圖片同影片元素明確設定寬度同高度屬性（或者寬高比），確保廣告或者嵌入內容（例如 iframe）預留出空間，以及避免喺現有內容上面動態插入新內容。喺 WordPress 裡面，好多主題會自動為圖片加尺寸屬性，但係需要檢查自訂程式碼或者特定插件加入嘅元素。
高級優化與持續監控
當基礎優化完成之後，可以進一步探索高級技術去挖掘性能潛力，同埋建立監控機制去確保優化效果得以維持。
實施代碼拆分同懶加載
對於單頁應用或者複雜頁面，程式碼拆分可以將 JavaScript 分割成多個塊，只按需加載當前頁面所需嘅程式碼。雖然 WordPress 核心唔係 SPA，但係可以透過現代前端構建工具對主題嘅 JavaScript 進行拆分。懶加載就適用於圖片、影片同下方內容。原生嘅 loading=”lazy” 屬性可以輕鬆實現圖片懶加載。對於更複雜嘅場景，可以使用 Intersection Observer API 來實現。
利用性能監控工具
優化唔係一勞永逸嘅，需要持續監控。Google 嘅 PageSpeed Insights 同 Lighthouse 提供咗全面嘅實驗室數據分析同優化建議。至於真實用戶數據，就要依賴 Chrome User Experience Report 或者自己部署嘅 Real User Monitoring 解決方案。喺 WordPress 後台，一啲效能外掛可以整合呢啲指標，提供儀表板視圖。
推薦閱讀 從零到一全面解析 CDN：提升網站訪問速度嘅核心技術同實踐指南。
另外，用好似 Query Monitor 咁嘅開發者外掛，可以深入洞察頁面生成過程入面嘅數據庫查詢、PHP 錯誤、掛鉤動作同腳本隊列，幫手精準定位效能瓶頸。定期檢查 wp_options 表同文章修訂版，清理數據庫入面嘅冗餘數據，都係保持網站輕快運行嘅好習慣。
摘要
WordPress 網站效能優化係一個涵蓋伺服器環境、代碼質素、資源管理同用戶體驗測量嘅系統工程。由基礎嘅緩存同圖片優化入手，可以有效提升加載速度。跟住，深入理解並針對核心網頁指標（LCP、FID、CLS）進行專項優化，係滿足現代搜索引擎要求同用戶期望嘅關鍵。最後，通過採用代碼拆分、懶加載等高級技術，並建立持續嘅效能監控機制，可以確保網站喺快速迭代中保持優異嘅效能表現。記住，效能優化係一場馬拉松，唔係短跑，需要持之以恆嘅關注同改進。
常見問題
使用太多快取插件會導致衝突嗎
係，同時啟用多個功能重疊嘅緩存插件（例如兩個都提供頁面緩存嘅插件）幾乎必然會導致衝突，可能產生錯誤嘅緩存結果、白屏或者功能異常。最佳做法係只揀一個功能全面同信譽良好嘅緩存插件，並正確配置佢所有選項（頁面緩存、瀏覽器緩存、數據庫優化等）。同時，確保主機提供嘅伺服器級緩存（例如 Varnish）同插件緩存能夠良好協作。
點樣判斷係插件定主題導致網站速度變慢
最有效嘅方法係進行「隔離測試」。首先，逐一停用非必要嘅插件，並喺每次停用後用速度測試工具（例如 GTmetrix）檢查性能變化。如果停用某個插件後速度明顯提升，咁該插件就可能係問題所在。
如果插件排查完問題依然存在，可以暫時轉用 WordPress 默認主題（例如 Twenty Twenty-Four），再測試速度。如果速度恢復正常，咁就表示當前主題存在性能問題。喺測試過程中，用 Query Monitor 插件查看每個插件同主題嘅加載時間同數據庫查詢數，能夠提供更精確嘅數據支持。
啟用 CDN 之後網站後台登入唔到點算
呢個通常係因為 CDN 快取咗 WordPress 嘅動態頁面（例如 wp-admin 目錄同 wp-login.php）所導致。CDN 唔應該快取管理後台嘅頁面，否則會令登入狀態出現異常。
解決方法係喺 CDN 設定入面，加返條規則去排除特定路徑嘅快取。通常需要設定唔快取包含 /wp-admin/ 同埋 /wp-login.php 嘅請求。另外，要確保 WordPress 嘅 wp-config.php 檔案入面正確設定好 $_SERVER[‘HTTPS’] 同埋 $_SERVER[‘SERVER_PORT’]，避免因為 CDN 嘅 SSL 代理而導致地址循環嘅問題。
核心網頁指標嘅優秀標準值係幾多
谷歌為三項核心網頁指標定義咗明確嘅閾值，用嚟評估用戶體驗嘅好壞。對於流動裝置同桌面裝置，建議達到以下「良好」標準：
* 最大内容绘制：应发生在页面开始加载后的 2.5 秒 内。
* 首次输入延迟：应小于 100 毫秒。
* 累积布局偏移：应小于 0.1。
喺PageSpeed Insights等工具嘅報告入面，會用綠（良好）、橙（需改進）、紅（差）三隻色嚟直觀顯示各項指標係咪達標。優化目標就係要令所有指標都進入綠色區域。
下一步應該點做?
延伸閱讀及實用知識
以下內容與本文主題相關,適合進一步閱讀。一般而言,最好由與你目前問題最緊密相關的文章開始,然後逐步擴展到周邊主題。