提升同優化 WordPress 網站

WordPress 係現時最受歡迎同多功能嘅內容管理系統（CMS）之一。不過，預設設定下嘅 WordPress 未必係最快，特別係你嘅網站流量多、有大量媒體內容，或者用咗功能繁多嘅主題。自從 2010 年開始，Google 已經將網頁速度納入搜尋排名因素，意思係慢嘅網站會影響用戶體驗同搜尋結果曝光率。

好消息係，WordPress 夠靈活，可以用好多方法優化，令載入時間明顯縮短。要量度你嘅進展，可以每做一個更改後，用以下網上工具做速度測試：

• Google PageSpeed Insights – 適合初學者，有易明嘅優化建議。

• GTmetrix– 提供效能評分同實用建議。

• Pingdom – 提供詳細載入時間分析，但可能需要多啲技術知識。

呢啲工具會標示網站邊啲部分拖慢速度，令你更易知道應該優先修正咩。

以下會介紹實用步驟，幫你加快 WordPress 網站速度——建站初期就值得應用嘅貼士。

注意： 記得喺更改前備份網站。

提升網站速度的小貼士

選擇合適的主題 

你嘅 WordPress 主題唔只係外觀問題——佢會直接影響網站載入速度。如果你打算經營高流量博客或者內容豐富嘅網站，花時間研究同測試絕對值得。一個優化得好、輕量化嘅主題可以大大提升用戶體驗同搜尋排名。

揀主題嘅黃金法則就係設計要配合你嘅內容。首先決定你網站重點同會發佈咩類型內容，之後先揀一個支援你目標嘅主題。

雖然大部分 WordPress 主題都可以高度自訂，但編碼差嘅選項將來可能會帶嚟問題，特別係你之後想轉主題。有啲外觀吸引嘅設計初時睇落好靚，但其實內含唔必要功能，會拖慢你嘅網站。

以下有幾個貼士，幫你揀到又型又快嘅主題：

1. 保持簡潔 – 避免過於複雜嘅版面同重動畫。

2. 要有響應式設計 – 揀一個可以自動適應手機、平板同桌面螢幕嘅主題。

3. 檢查插件相容性 – 確保主題同必要、高評分插件同你現時嘅 WordPress 版本兼容。

4. 評估頁面編輯器 – 內置頁面編輯器嘅主題雖然方便，但可能會增加負擔。落實前記得測試效能。

5. 搵 SEO 友善嘅編碼 – 乾淨、有語意嘅編碼結構有助搜尋引擎更好理解你嘅網站。

最後，大部分主題開發者都會提供產品即時示範。善用呢個機會，喺購買前用速度測試工具測試示範網站，咁你就可以了解主題喺真實情況下嘅表現。

優化圖片

大而未壓縮嘅圖片係網頁載入慢最常見原因之一。有好多工具，包括插件同網上服務，可以喺唔明顯影響質素下縮細檔案。

如果你想自動化，EWWW Image OptimizerEWWW Image Optimizer 等插件可以直接喺 WordPress 處理壓縮。EWWW Image Optimizer 有自己一套功能，提供彈性設定同批量優化。

注意： 呢個插件需要exec()功能先可以運作。

安裝同啟用後，你可以去媒體庫 > 批量優化，然後：

1. 按掃描未優化圖片，搵出所有可以壓縮嘅圖片：
   
   

   

2. 掃描後，撳開始優化，就可以批量縮細圖片：
   

   

你亦可以設定插件喺「進階設定」選單定時自動優化。

請注意：

• 批量優化會暫時用好多伺服器資源，可能會達到 CPU 限制。

• 壓縮等級越高，檔案越細，但壓縮太激可能會明顯影響質素，特別係以相片為主嘅網站。

插件雖然快捷方便，但未必做到最佳壓縮比。想達到最好效果，可以喺上載前用網上工具手動處理圖片，例如：

• TinyPNG – PNG 同 JPEG 壓縮效果出色。

• Compressor.io – 支援多種格式，優化效果強。

手動壓縮雖然要多啲時間，但通常可以得到更清晰、更輕巧嘅圖片，令訪客有更好體驗又唔犧牲質素。

快取插件

快取插件係加快 WordPress 網站速度最有效方法之一。佢會儲存同提供預先產生嘅頁面版本，減少伺服器每次為訪客處理嘅工作量，大大提升載入速度。

最受歡迎同可靠嘅選擇包括：

• W3 Total Cache (W3TC)

• WP Super Cache

• OPcache

• Autoptimize

瀏覽器快取

瀏覽器快取會指示訪客嘅瀏覽器將某啲網站檔案（例如圖片、樣式表同腳本）暫存一段時間。咁佢哋下次再嚟你網站時，瀏覽器可以直接由自己裝置載入呢啲檔案，唔使再下載。咁可以減輕伺服器負擔，加快重複訪問速度，提升整體瀏覽體驗。

你可以用幾種方法設定瀏覽器快取：

1. 用 W3 Total Cache

如果你已經用緊W3 Total Cache，啟用瀏覽器快取好簡單：

1. 喺 WordPress 控制台去效能> 瀏覽器快取。

2. 勾選以下選項：
   

   • 設定 Last-Modified 標頭。

   • 設定 expires 標頭。

   • 啟用 HTTP（gzip）壓縮。
     

3. 儲存你嘅設定：
   
   

   

W3TC 會自動將所需規則加到你嘅 .htaccess 檔案。

2. 手動新增規則

如果你唔想用插件，可以直接編輯 .htaccess 檔案（適用於 Apache 伺服器）啟用瀏覽器快取。加以下代碼可以為唔同檔案類型設定「到期」時間：

ExpiresActive on

ExpiresByType image/jpg "access plus 60 days"

ExpiresByType image/png "access plus 60 days"

ExpiresByType image/gif "access plus 60 days"

ExpiresByType image/jpeg "access plus 60 days"

ExpiresByType text/css "access plus 2 weeks"

ExpiresByType image/x-icon "access plus 2 weeks"

ExpiresByType application/pdf "access plus 1 month"

ExpiresByType audio/x-wav "access plus 1 month"

ExpiresByType audio/mpeg "access plus 1 month"

ExpiresByType video/mpeg "access plus 1 month"

ExpiresByType video/mp4 "access plus 1 month"

ExpiresByType video/quicktime "access plus 1 month"

ExpiresByType video/x-ms-wmv "access plus 1 month"

ExpiresByType application/x-shockwave-flash "access 1 month"

ExpiresByType text/javascript "access plus 2 weeks"

ExpiresByType application/x-javascript "access plus 2 weeks"

ExpiresByType application/javascript "access plus 2 weeks"

你可以根據檔案更新頻率調整時間值。

網站優化貼士

首頁優化

首頁係訪客第一眼見到嘅內容，通常都係網站最重嘅頁面。一個優化得好嘅首頁唔單止可以留下好印象，仲可以更快載入，留住訪客。

首頁速度一個關鍵因素係 HTTP 請求數量。每個圖片、腳本、樣式或小工具都要向伺服器發出獨立請求。請求越少，頁面顯示就越快。

減少請求同提升載入速度嘅工具

• WP Asset Clean Up
  呢個插件會掃描你嘅頁面，搵出唔必要嘅腳本同樣式，避免佢哋喺唔需要嘅地方載入。佢仲可以最小化 HTML 代碼，令頁面更乾淨、更輕巧。
  

• JavaScript to Footer
  將 JavaScript 檔案由頁首移到頁尾，避免拖慢初步渲染。咁可以確保可見部分先載入，提升感覺速度。

打造快速首頁嘅最佳做法

1. 避免過多小工具 – 例如社交分享按鈕，建議放喺個別文章而唔係首頁。

2. 顯示摘要而唔係全文 – 可以減少一次過載入內容量，令頁面更易瀏覽。

3. 限制顯示文章數量 – 最好只顯示大約五篇最新文章，速度同可讀性都會更好。

修正阻擋渲染嘅 JavaScript 同 CSS

當你用Google PageSpeed Insights測試網站時，可能會見到以下警告：

「消除阻擋首屏內容渲染嘅 JavaScript 同 CSS」

呢個意思係有啲 JavaScript 或 CSS 檔案拖慢咗可見（首屏）部分嘅渲染。簡單嚟講，訪客瀏覽器要等呢啲檔案載入先可以顯示頁面內容，咁會拖慢速度。

用 W3 Total Cache (W3TC) 解決方法

你可以透過調整Minify設定喺 W3 Total Cache 解決：

1. 去效能> 一般設定喺 WordPress 控制台。

2. 喺Minify部分，將Minify 模式設為手動，然後儲存更改：
   
   

   

   
   

3. 然後，打開效能>壓縮選單，並確保JavaScript 壓縮設定符合建議的配置：
   
   

   

   
   

4. 將 Google PageSpeed 標記的 JavaScript 檔案網址加入JS 檔案管理區段：
   
   

   

   
   

5. 對 CSS 檔案重複此步驟——將標記的 CSS 網址加入CSS 檔案管理區段：
   
   

   

完成後，請再次於 PageSpeed Insights 測試您的網站。如果一切設定正確，阻擋渲染的警告應該會消失。

替代方案：Autoptimize 插件

如果你想要更簡單的工具，Autoptimize是另一個優秀的減少阻擋渲染資源的選擇。它可以：

• 合併及壓縮 JavaScript 和 CSS 檔案

• 移動 CSS 和 JS 以改善載入順序

• 壓縮 HTML 以減輕頁面負擔

• 可與如WP Super Cache等快取插件一同使用，效果更佳。

Autoptimize 主要設定包括：

• JavaScript 選項 – 合併多個 JS 檔案為一，以減少請求次數

• CSS 選項 – 內嵌關鍵 CSS、將小型圖片直接編碼進 CSS 等

• HTML 選項 – 壓縮 HTML，同時可選擇保留註解

• CDN 選項 – 設定 CDN 基本網址以更快載入靜態檔案

• 圖片分頁 – 自動壓縮及優化圖片

• 額外／進階優化 – 為進階用戶提供更多高級調整。

如要解鎖所有功能：

1. 前往設定>Autoptimize > 點擊顯示進階設定：
   
   

   

   
   

2. 根據網站需要調整選項：
   
   

   

   
   

3. 點擊儲存變更並清空快取以套用優化：
   
   

   

啟用防盜鏈保護

當其他網站直接連結到你伺服器上的圖片（例如，在他們的頁面顯示你的圖片但實際上並未自行託管），這就叫做防盜鏈。

這看似無害，但每當他們的訪客載入該圖片時，你的伺服器就要處理並消耗你的頻寬，令網站變慢並增加主機成本。

最簡單的防盜鏈方法是在 cPanel 啟用防盜鏈保護。可於防盜鏈保護選單中完成：

啟用之後，其他網站就唔可以再直接由你嘅伺服器載入你嘅圖片，可以保護你嘅資源，令你嘅網站對訪客保持快速。

優化資料庫

隨住時間過去，你嘅 WordPress 資料庫會積聚唔必要嘅數據，例如舊修訂版、垃圾留言同插件殘留設定，呢啲都會拖慢你嘅網站。

預設情況下，WordPress 用 11 個核心資料表，但大部分網站都會因為插件同主題而有額外資料表。定期優化資料庫可以保持乾淨、高效同快速。

要優化你嘅 WordPress 資料庫：

1. 跟住 資料庫優化指南，確保你只刪除安全移除嘅內容

2. 用專門嘅插件快速又安全咁優化，例如：

   • WP-Optimize – 直接執行 SQL 查詢清理（快，但可能會留低孤兒數據）。

   • Optimize Database after Deleting Revisions – 專注清理文章修訂版。

   • WP-Sweep – 用官方 WordPress 刪除功能，減低留低孤兒數據嘅風險。

   • WP-DB Manager – 提供優化同備份功能。

評估你嘅 WordPress 網站效能

插件可以為你嘅 WordPress 網站加添額外功能同自訂選項。不過，有啲插件會因為消耗過多CPU同I/O資源而影響效能。

為咗確保你嘅網站運作順暢，評估插件同主題對效能嘅影響好重要。

步驟 1 – 分析資源使用情況

用Code Profiler插件喺 PHP 層面掃描你嘅網站。佢會提供清晰、詳細嘅報告，包括圖表同表格，顯示：

• 邊啲插件或主題拖慢你嘅網站；

• 消耗最多資源嘅 PHP 腳本、類別、方法同函數。
  

步驟 2 – 控制插件載入

安裝Plugin Organizer插件可以：

• 喺指定頁面或文章停用特定插件

• 更改插件載入次序

• 只喺需要嘅地方運行必要插件，提升效能。

步驟 3 – 檢查整體網站優化

完成以上改善後，可以用GTmetrix for WordPress插件量度你嘅優化分數。呢個工具會評估你網站速度同效能，提供清晰指標方便追蹤進度。