提升同優化 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 網站速度最有效方法之一。佢會儲存同提供預先產生嘅頁面版本,減少伺服器每次為訪客處理嘅工作量,大大提升載入速度。

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

瀏覽器快取

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

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


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. 用專門嘅插件快速又安全咁優化,例如:


評估你嘅 WordPress 網站效能

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

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

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

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

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

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

步驟 2 – 控制插件載入

安裝Plugin Organizer插件可以:

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

  • 更改插件載入次序

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

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

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




必須提供有效的電郵地址