WordPress速度優化怎麼做?PageSpeed指標與設定風險重點
想做 WordPress 速度優化,先別只追 PageSpeed Insights 分數。從主機回應、圖片、快取、JavaScript、Core Web Vitals 到破版風險,整理檢測順序與常見設定判斷,幫你找出真正拖慢網站的原因。
WordPress 速度優化是什麼?為什麼會影響 SEO 與轉換?
WordPress 速度優化是在不破壞網站功能的前提下,改善網站載入、互動與版面穩定度,讓 PageSpeed Insights、Core Web Vitals、LCP、TTFB 等指標更健康,也讓訪客更快看到內容、完成詢問或下單。
我看過不少網站只追 PageSpeed 分數,最後首頁分數變漂亮,表單卻送不出去。速度優化真正該追的是三件事:使用者打開網站是否順、Google 是否能取得穩定體驗訊號、商業流程是否沒有被技術設定拖慢。
PageSpeed 分數高,不一定代表網站真的快
PageSpeed Insights 是很好的診斷工具,但分數只是摘要結果。行動版分數低,可能是首屏圖片太重、主機回應慢、JavaScript 太多,也可能只是第三方追蹤碼讓測試分數變差。判斷時要一起看 LCP、INP、CLS、TTFB,不要只盯著單一分數。
速度慢會造成哪些實際損失?
- 訪客還沒看到內容就離開,尤其是手機流量。
- 表單、購物車、結帳頁反應慢,轉換率容易下降。
- Google 看到不穩定的使用體驗,SEO 表現會受到壓力。
- 後台變慢,編輯文章、上架商品、處理訂單都會拖時間。
速度優化前要先保留備份與測試紀錄
動快取、資料庫、JS 延遲載入、CSS 合併之前,先做備份,並記錄首頁、重要內頁、行動版 PageSpeed 分數、LCP、INP、CLS、TTFB。沒有前後紀錄,就很難知道哪個設定真的有效,也很難在破版時還原。
優化前先測:不要只憑自己電腦感覺判斷
WordPress 速度優化要先建立基準數據,至少測首頁、重要內頁、行動版與桌機版,並記錄 PageSpeed Insights、Core Web Vitals、TTFB 與實際載入時間,才知道問題是主機、圖片、快取、前端資源還是外掛。
| 工具 | 適合看什麼 | 判斷重點 |
|---|---|---|
| PageSpeed Insights | Core Web Vitals、行動版與桌機版分數 | 看 LCP、INP、CLS、TTFB,不只看總分 |
| GTmetrix | 瀑布圖、資源載入順序、頁面大小 | 找出圖片、CSS、JavaScript、第三方腳本瓶頸 |
| Pingdom | 不同地區的載入時間與資源請求 | 搭配台灣訪客來源判斷節點與 CDN 效果 |
PageSpeed Insights 看什麼?
PageSpeed Insights 適合用來判斷 Google 眼中的使用體驗問題。站長最常犯的錯,是看到紅字就急著安裝外掛,卻沒有先分辨問題屬於後端回應、首屏內容、互動延遲還是版面位移。
行動版分數
台灣網站多數流量來自手機,行動版分數通常比桌機版更重要。行動版低分時,先看是否有大型 Banner、輪播圖、中文字型、聊天工具或追蹤碼阻塞首屏。
Core Web Vitals
Core Web Vitals 主要看 LCP、INP、CLS。LCP 偏高代表主要內容出現太慢,INP 偏高代表互動反應慢,CLS 偏高代表載入過程中版面會跳動。
改善建議與診斷項目
PageSpeed 的建議要轉成 WordPress 層級來看。例如「排除禁止轉譯的資源」通常對應 CSS、JavaScript、字型;「縮短初始伺服器回應時間」通常對應主機、快取、資料庫或外掛查詢。
GTmetrix、Pingdom 與實際載入時間怎麼搭配看
GTmetrix 適合看資源細節,Pingdom 適合輔助看地區與請求狀況。實務上我會把 PageSpeed 當指標方向,把 GTmetrix 當排查工具,再用手機實測首頁、文章頁、表單頁與結帳頁,確認分數改善沒有換來功能異常。
建議記錄的優化前數據
記錄資料不用複雜,但要固定。每次調整前後都用同一批網址、同一批工具、相近時間測試,才不會把網路波動誤判成優化成果。
PageSpeed 分數
分別記錄行動版與桌機版。若只能先看一個,內容站和電商站建議先看行動版。
LCP、INP、CLS
這三個指標可以直接對應首屏、互動與版面穩定度,後面排查時會比總分更有用。
TTFB
TTFB 是判斷主機、快取與後端處理速度的重要訊號。TTFB 長期偏高時,先不要急著壓縮圖片,因為問題可能還沒進到前端。
首頁與重要內頁
首頁、主要服務頁、流量最高文章、表單頁、WooCommerce 商品頁與結帳頁都要測。只測首頁,很容易漏掉真正影響營收的頁面。
WordPress 網站變慢時,應該先檢查哪裡?
WordPress 網站變慢時,建議先看 TTFB,再看 LCP、INP、CLS,最後檢查外掛、主題、第三方腳本與資料庫。這個順序能避免一開始就亂裝快取外掛,卻沒有處理真正瓶頸。
| 排查順序 | 主要指標 | 常見 WordPress 原因 | 下一步 |
|---|---|---|---|
| 先看後端 | TTFB | 主機慢、未開頁面快取、外掛查詢重 | 檢查主機、PHP 版本、快取層 |
| 再看首屏 | LCP | 首圖太大、字型阻塞、主視覺過重 | 優化首屏圖片與關鍵資源 |
| 再看互動 | INP | JavaScript、外掛、第三方腳本過重 | 延遲或限制腳本載入 |
| 再看穩定度 | CLS | 圖片沒尺寸、廣告插入、嵌入內容位移 | 固定版面空間與尺寸 |
第一步:先看 TTFB,判斷是不是主機或後端問題
TTFB 偏高時,代表瀏覽器等太久才收到第一個回應。WordPress 常見原因包含共享主機資源不足、PHP 版本過舊、頁面快取沒生效、外掛查詢太重、資料庫 autoload 過大。這時先查主機與快取,不要先改前端小細節。
第二步:看 LCP,判斷是不是首屏圖片、字型或主視覺太重
LCP 通常跟首頁 Banner、文章封面、產品主圖、中文字型和主視覺區塊有關。若 LCP 元素是圖片,先處理尺寸、WebP 或 AVIF、壓縮與是否被錯誤 Lazy Load。
第三步:看 INP,判斷是不是 JavaScript 或外掛拖慢互動
INP 偏高時,訪客點選選單、篩選器、加入購物車或送出表單會感覺卡。常見原因是頁面編輯器、彈窗、聊天工具、廣告腳本、追蹤碼或大型 JavaScript 檔案一起載入。
第四步:看 CLS,判斷圖片、廣告、嵌入內容是否造成位移
CLS 問題常出現在圖片沒有寬高、廣告區載入後把內容往下推、YouTube 嵌入區塊沒有預留空間。這類問題不一定讓網站變慢,但會讓使用者誤點,對行動版體驗很傷。
第五步:檢查外掛、主題與第三方追蹤碼
外掛數量不是唯一判斷標準,重點是它載入多少 CSS、JavaScript、外部請求與資料庫查詢。停用不用的外掛、檢查主題功能重疊、限制特定頁面資源載入,通常比盲目刪外掛更有效。
第六步:檢查資料庫、修訂版本與自動載入資料
長期經營的 WordPress 會累積文章修訂版本、自動草稿、Transient、垃圾留言與外掛殘留設定。資料庫清理前一定要備份,autoload 異常過大時建議讓工程師查,不要直接在資料庫裡刪資料。
主機是 WordPress 速度的底層基礎
主機會直接影響 WordPress 的 TTFB、穩定性與尖峰流量承載。若主機回應慢,後面即使壓縮圖片、開 CDN、調整 CSS,改善幅度也會被底層速度限制住。
共享主機為什麼常讓 WordPress 變慢
共享主機的問題通常不是規格表不好看,而是多個網站共用資源。當同一台主機上的其他網站流量變高,自己的 WordPress 也可能變慢。小型部落格可以先用共享主機,但 WooCommerce、會員網站、高流量內容站要更早評估升級。
台灣訪客該選台灣、日本、新加坡還是美國節點?
如果主要訪客在台灣,台灣或日本節點通常比較直覺;新加坡節點適合兼顧東南亞訪客;美國節點若沒有 CDN,台灣訪客可能會感覺首開較慢。使用 Cloudflare 時,靜態資源可以靠 CDN 改善,但後端 TTFB 仍受主機位置與快取設定影響。
主機類型比較:共享主機、VPS、雲端主機、WordPress 專用主機
| 主機類型 | 適合網站 | 速度優化重點 | 注意事項 |
|---|---|---|---|
| 共享主機 | 小型官網、低流量部落格 | 頁面快取、圖片優化、減少外掛負擔 | 資源受其他網站影響 |
| VPS | 需要彈性設定的中型網站 | PHP、快取、資料庫、伺服器快取 | 需要維護能力 |
| 雲端主機 | 流量成長快或需要擴充的網站 | 資源配置、監控、CDN、物件快取 | 設定錯也可能花錢卻不快 |
| WordPress 專用主機 | 想降低維護負擔的企業網站 | 內建快取、備份、PHP 版本、支援品質 | 要確認快取排除與外掛限制 |
PHP 版本、記憶體限制與伺服器快取要檢查什麼
主機後台要檢查 PHP 版本是否仍受支援、PHP memory limit 是否足夠、是否有伺服器端頁面快取、是否支援 Redis 或 Memcached。若 WordPress 後台經常轉圈、更新外掛很慢、WooCommerce 訂單頁卡頓,這些設定比前端壓縮更值得先查。
快取外掛怎麼選?不要只看外掛名稱
WordPress 快取外掛要看快取層級與主機環境,不是只比較 WP Rocket、LiteSpeed Cache、W3 Total Cache 或 WP Super Cache 名稱。正確快取策略應包含頁面快取、瀏覽器快取、物件快取與 CDN 快取。
| 快取層級 | 改善什麼 | 適合情境 | 風險 |
|---|---|---|---|
| 頁面快取 | 減少 WordPress 重複產生頁面 | 首頁、文章頁、一般服務頁 | 會員頁、購物車、結帳頁需排除 |
| 瀏覽器快取 | 讓回訪者少下載重複資源 | 圖片、CSS、JavaScript | 改版後要清快取 |
| 物件快取 | 降低資料庫查詢成本 | WooCommerce、會員站、高流量站 | 需要主機支援與正確設定 |
| CDN 快取 | 讓不同地區訪客更穩定取得靜態資源 | 台灣加海外訪客、內容站 | 動態頁面快取規則要小心 |
頁面快取:最直接影響載入速度
頁面快取能把 WordPress 產生好的頁面先存起來,訪客再次開啟時不用重新跑完整後端流程。一般文章頁、分類頁、服務頁很適合開,但有登入狀態、個人化價格、購物車內容的頁面要排除。
瀏覽器快取:讓回訪使用者更快
瀏覽器快取適合圖片、CSS、JavaScript、字型等靜態資源。設定後,回訪使用者不需要每次都重新下載同一批檔案。網站改版後若看到舊版樣式,通常要清除瀏覽器快取與外掛快取。
物件快取 Redis / Memcached:高流量或 WooCommerce 更需要
物件快取能降低重複資料庫查詢,對商品多、會員多、訂單多的 WooCommerce 特別有幫助。一般小型形象網站不一定優先做,但後台訂單列表、商品篩選、會員資料經常卡住時,就值得檢查 Redis 或 Memcached。
CDN 快取:讓台灣與海外訪客都有穩定速度
Cloudflare 這類 CDN 可以讓圖片、CSS、JavaScript 從離訪客較近的節點提供。台灣網站若同時有海外訪客,CDN 很有用;若訪客幾乎都在台灣,仍要確認主機 TTFB,不能只靠 CDN 掩蓋後端慢。
WP Rocket 與 LiteSpeed Cache 怎麼選
如果主機使用 LiteSpeed Web Server,LiteSpeed Cache 通常能發揮更完整的伺服器整合效果。若主機環境不是 LiteSpeed,WP Rocket 的設定介面與相容性對一般站長較友善。W3 Total Cache 適合懂設定的人,WP Super Cache 則適合需求單純的網站。
WooCommerce、會員頁、購物車與結帳頁的快取排除規則
WooCommerce 的購物車、我的帳號、結帳頁、付款回傳頁不應該亂開頁面快取。會員網站的個人資料、訂閱內容、登入後首頁也要排除。我的判斷很保守:只要頁面內容會因使用者不同而改變,就先不要套一般頁面快取。
圖片優化:通常是 PageSpeed 分數最容易改善的地方
圖片優化是 WordPress 速度優化裡最常見也最容易看見成果的項目,重點包含尺寸裁切、圖片壓縮、WebP 或 AVIF、響應式圖片與 Lazy Load,尤其會直接影響 LCP 與頁面大小。
上傳前先裁切正確尺寸
很多中文網站首頁慢,不是圖片沒有壓縮,而是把超大原圖直接丟進 Banner、輪播圖或文章封面。上傳前先依版面需要裁切尺寸,避免用 CSS 把大圖縮小顯示。
使用 WebP 或 AVIF,但要保留相容性
WebP 與 AVIF 通常能降低圖片檔案大小,但要確認外掛或主機能提供相容 fallback。若網站有舊瀏覽器使用者、特殊外掛或電子報嵌入圖片,轉檔後要抽查圖片是否正常顯示。
Lazy Load 要開,但首屏主圖不要亂延遲
Lazy Load 適合用在首屏以下圖片,能減少初始載入負擔。但首屏主圖若被延遲載入,LCP 可能反而變差。首頁主視覺、文章第一張重要圖片、產品主圖要特別檢查是否被錯誤延遲。
圖片壓縮比例怎麼抓,才不會失真太明顯
圖片壓縮要看用途。文章插圖可以壓得積極一點,產品圖、作品集、醫美與設計相關網站就要保留細節。判斷方式很直接:壓縮後用手機看首屏與重要產品圖,若文字、人物、商品邊緣已經糊掉,就不是合格優化。
台灣常見中文網站的 Banner、輪播圖與文章封面問題
台灣企業官網常把活動文字直接做進 Banner 圖,又加上輪播與中文字型,首頁首屏就變得很重。輪播如果沒有明確轉換價值,建議減少張數,優先保留第一張主圖的尺寸、壓縮與載入順序。
CSS、JavaScript 與字型載入怎麼優化
CSS、JavaScript 與字型會影響 WordPress 的渲染速度、INP 與 PageSpeed Insights 診斷項目。處理方向是減少阻塞、移除未使用資源、延遲非必要腳本,但每次設定都要測功能。
| 問題 | 可能影響 | 處理方向 | 測試重點 |
|---|---|---|---|
| Render-blocking resources | FCP、LCP | 延後非關鍵 CSS / JS,保留首屏必要資源 | 首屏樣式是否閃爍或跑版 |
| 未使用 CSS | 頁面大小、渲染速度 | 移除或按頁面載入 CSS | 不同版型是否正常 |
| JavaScript 太重 | INP、互動延遲 | defer、async、延遲載入、限制頁面載入 | 選單、表單、加入購物車是否正常 |
| Google Fonts 太多 | LCP、FCP | 減少字重、改本機載入、設定顯示策略 | 中文字型是否閃爍或顯示異常 |
壓縮 CSS / JS / HTML 能改善什麼
壓縮可以移除空白與不必要字元,降低檔案大小。它適合當作基本整理,但通常不是最大瓶頸。若網站主要問題是外掛載入大量腳本,單純壓縮只是在重的資源上做小修。
移除未使用 CSS 比單純壓縮更重要
頁面編輯器與大型主題常把許多頁面用不到的 CSS 一起載入。移除未使用 CSS 能降低渲染負擔,但要測每種版型,包含首頁、文章頁、分類頁、商品頁、表單頁。
JavaScript 延遲載入容易造成哪些功能壞掉
JS 延遲載入可能讓手機選單、輪播、表單驗證、彈窗、追蹤碼、購物車更新失效。設定時先從非關鍵腳本開始,出問題就把特定檔案加入排除清單,不要一次全開。
中文字型與 Google Fonts 載入的速度問題
中文字型檔案通常比英文字型重,字重越多、字型家族越多,載入負擔越明顯。台灣網站若使用 Google Fonts,要控制字重數量,必要時改成本機載入,並確認行動版首屏不會因字型等待而延後顯示。
不建議在本文展開完整前端重構教學
WordPress 速度優化可以先從資源載入、外掛控制、快取與圖片做起。若已經碰到主題架構、頁面編輯器輸出、客製 JavaScript 大量耦合,就應該另開前端重構任務,避免把維護風險塞進快取外掛設定裡。
外掛、主題與頁面編輯器會怎麼拖慢 WordPress
外掛、主題與頁面編輯器會透過 CSS、JavaScript、資料庫查詢與第三方請求拖慢 WordPress。判斷時不要只數外掛數量,要看哪些外掛在前台載入資源、哪些功能只在少數頁面需要。
外掛多不一定慢,重點是外掛載入了什麼
有些小外掛只做後台功能,對前台速度影響很低;有些外掛會在每個頁面載入大型 JS、CSS 或外部請求。檢查時看瀑布圖、前台原始碼與外掛功能範圍,找出真正拖慢頁面的項目。
Elementor 網站常見速度瓶頸
Elementor 網站常見問題是 DOM 過深、區塊太多、未使用 CSS、字型與動畫載入過多。若首頁用了多層容器、輪播、彈窗、動畫與多個表單,PageSpeed 行動版分數很容易被拖低。
移除停用外掛與不用的主題
停用但不用的外掛與主題應該清掉,降低維護與資安風險。刪除前先確認沒有短碼、版型、表單或客製功能依賴該外掛,尤其是老網站常有舊外掛還在支撐某個隱藏功能。
用外掛管理工具限制特定頁面載入資源
表單外掛只需要在表單頁載入,地圖腳本只需要在聯絡頁載入,WooCommerce 腳本也不該在所有文章頁都載入。使用資源管理工具按頁面停用不必要資源,通常比全站硬延遲更穩。
第三方追蹤碼、聊天工具、表單與廣告腳本的影響
追蹤碼、聊天工具、廣告腳本與外部表單常是 INP 與載入時間的隱形負擔。我的建議是先保留真正會用到的追蹤,移除沒人在看的工具,並把非必要腳本延後到使用者互動後再載入。
資料庫清理與後台效能優化
WordPress 資料庫清理適合長期經營、文章多、商品多、外掛更換頻繁或後台明顯變慢的網站。它能改善後台操作與部分查詢效率,但新站通常不該把資料庫清理排在第一優先。
哪些網站需要優先清資料庫
如果網站經營多年、累積大量文章修訂版本、WooCommerce 訂單很多、曾安裝又刪除許多外掛,或後台文章列表與商品列表經常卡住,就該把資料庫列入排查範圍。
可以清理哪些資料
| 清理項目 | 可能影響 | 注意事項 |
|---|---|---|
| 文章修訂版本 | 降低資料量 | 保留近期版本較安全 |
| 自動草稿 | 減少無用資料 | 確認沒有編輯中的重要內容 |
| 垃圾留言 | 降低後台負擔 | 先確認沒有誤判留言 |
| Transient | 清除暫存資料 | 部分外掛會重新建立 |
| 資料表最佳化 | 整理資料表狀態 | 先備份再操作 |
清理前一定要備份
資料庫清理沒有後悔空間,動作前要備份完整網站與資料庫。只要牽涉 WooCommerce 訂單、會員資料、表單紀錄,就不要用不明來源工具直接清理。
autoload 過大時要請工程師檢查
autoload 資料會在 WordPress 載入時被讀取,若累積太多外掛殘留設定,可能拖慢後端。這類問題要查資料來源與相依功能,不建議站長直接刪除資料表內容。
Core Web Vitals 對應表:問題、原因與 WordPress 解法
Core Web Vitals 可以把 PageSpeed Insights 的分數轉成具體修正方向。LCP 通常查首屏與主機,INP 查 JavaScript 與外掛,CLS 查版面位移,TTFB 查主機、快取與後端查詢。
| 指標 | 常見現象 | WordPress 常見原因 | 建議解法 |
|---|---|---|---|
| LCP | 主要內容很晚出現 | 首圖太大、主機慢、字型阻塞 | 優化首屏圖片、檢查 TTFB、控制字型 |
| INP | 點選後反應慢 | JavaScript 過重、頁面編輯器、第三方腳本 | 延遲非必要腳本、限制外掛資源 |
| CLS | 載入時版面跳動 | 圖片無尺寸、廣告插入、嵌入內容無預留空間 | 固定尺寸、預留版位、檢查廣告與嵌入區塊 |
| TTFB | 等很久才開始載入 | 主機慢、快取未生效、資料庫查詢重 | 改善主機、開頁面快取、查外掛與資料庫 |
| FCP | 第一個內容出現慢 | CSS、字型、首屏資源阻塞 | 處理關鍵 CSS、減少阻塞資源 |
LCP 太高:通常先查首屏圖片、主機與字型
LCP 高時,先在 PageSpeed Insights 找出 LCP 元素。若是圖片,處理尺寸、壓縮、格式與載入優先順序;若是文字區塊,檢查字型載入與 CSS 阻塞;若 TTFB 也高,先查主機與快取。
INP 太高:通常先查 JavaScript、外掛與第三方腳本
INP 高通常代表互動被主執行緒卡住。先檢查頁面編輯器、彈窗、聊天工具、廣告、追蹤碼與表單外掛,再決定哪些腳本可以延遲、拆分或只在特定頁面載入。
CLS 太高:通常先查圖片尺寸、廣告與嵌入區塊
CLS 問題最常出現在行動版。圖片、影片、廣告、表單訊息、Cookie 提示都要預留空間。若使用 Elementor,也要檢查響應式設定是否讓區塊高度在載入後才被撐開。
TTFB 太高:通常先查主機、快取與後端查詢
TTFB 高時,前端優化的效果會被限制。先確認頁面快取是否命中、主機是否資源不足、PHP 版本與記憶體限制是否合理,再檢查外掛查詢與資料庫 autoload。
不同 WordPress 網站的速度優化順序
不同 WordPress 網站不能套同一份速度優化清單。部落格先處理圖片與快取,企業官網先處理首屏與表單,WooCommerce 先顧主機、結帳與資料庫,Elementor 網站要查 DOM、CSS 與外掛。
| 網站類型 | 優先順序 | 不該先做的事 |
|---|---|---|
| 部落格與內容站 | 圖片、頁面快取、CDN、字型 | 一開始就重構主題 |
| 企業官網 | 主機、首屏、表單、追蹤碼 | 盲目合併所有 CSS / JS |
| WooCommerce | 主機、物件快取、結帳流程、資料庫 | 快取購物車與結帳頁 |
| Elementor 網站 | DOM、未使用 CSS、外掛、版型 | 只壓縮圖片就期待大幅改善 |
| 高流量網站 | CDN、伺服器快取、物件快取、監控 | 沒有測試就上線快取規則 |
部落格與內容站:圖片、快取、CDN 優先
部落格通常頁面類型單純,圖片與頁面快取最容易看到改善。文章封面、內文圖片、WebP、Lazy Load、Cloudflare CDN 是合理起點,再來才是前端資源細調。
企業官網:主機、首屏、表單與第三方腳本優先
企業官網最重要的是首頁與詢問流程。先測首頁 LCP、表單頁載入、手機選單、追蹤碼與聊天工具。表單送不出去的速度優化,對業務來說是失敗的。
WooCommerce:主機、物件快取、結帳流程與資料庫優先
WooCommerce 有大量動態內容,不能只用一般內容站邏輯處理。先確認主機資源、物件快取、購物車與結帳頁排除規則,再看商品圖片、商品篩選與資料庫負擔。
Elementor 網站:DOM、未使用 CSS、外掛與版型優先
Elementor 網站要看頁面結構是否過度堆疊。若每個區塊都有動畫、背景圖、內距與多層容器,PageSpeed 建議會很多。優化時先刪掉沒必要的版型與效果,通常比再裝一個外掛更實際。
高流量網站:CDN、伺服器快取、物件快取與監控優先
高流量網站重點是穩定,不只是單次測速。要有 CDN、伺服器快取、物件快取、錯誤監控與流量尖峰觀察。這類網站每次改快取規則,都應該先在測試環境確認。
哪些速度優化設定可能讓網站壞掉?
最容易讓 WordPress 破版的速度設定包含 JS 延遲、CSS 合併、錯誤快取排除、WooCommerce 結帳頁快取與會員頁快取。每次調整後都要測首頁、重要頁、表單、購物車與結帳流程。
| 設定 | 可能風險 | 排除建議 |
|---|---|---|
| JS 延遲載入 | 選單、表單、輪播、追蹤碼失效 | 把必要腳本加入排除清單 |
| CSS 合併 | 版面跑掉、手機版樣式錯亂 | 逐項測試,不要一次全開 |
| 頁面快取 | 顯示錯誤會員資料或購物車內容 | 排除會員頁、購物車、結帳頁 |
| CDN 快取 | 改版後看到舊內容 | 設定清除規則與版本控管 |
JS 延遲可能讓選單、表單、輪播、追蹤碼失效
JS 延遲是最常見的破版來源。調整後要測手機選單、搜尋、表單驗證、輪播、加入購物車、GA 或其他追蹤碼。只要某個功能需要即時執行,就不要硬延遲。
CSS 合併可能造成版面跑掉
CSS 合併會改變樣式載入順序,某些主題或 Elementor 版型可能因此跑版。若網站版型多、客製樣式多,建議先開壓縮,合併要逐頁測試。
WooCommerce 購物車與結帳頁不能亂快取
購物車與結帳頁是動態頁面,錯誤快取可能造成金額、商品、會員資料、付款狀態異常。這類頁面要明確排除頁面快取與過度 aggressive 的 CDN 規則。
會員網站與個人化內容要設定快取排除
會員首頁、課程進度、訂閱內容、個人資料頁都可能因使用者不同而變化。若沒有排除,可能出現內容錯置或權限異常。會員站優化要更重視快取規則,而不是只追分數。
每次調整後都要測首頁、重要頁、表單與結帳流程
每改一組設定,就測首頁、主要流量頁、詢問表單、登入頁、購物車與結帳頁。我的做法是一次只改一類設定,確認沒問題再進下一步,這樣出問題才知道是哪個設定造成。
WordPress 速度優化的建議優先順序
WordPress 速度優化建議按投入報酬排序:先做測速紀錄、圖片與快取,再處理主機、前端資源、外掛與資料庫。需要工程師的項目不要硬做,尤其是 JS、CSS、autoload 與 WooCommerce 快取規則。
| 投入時間 | 建議項目 | 適合誰處理 | 檢查方式 |
|---|---|---|---|
| 30 分鐘內 | 測速紀錄、清停用外掛、壓縮首屏圖片 | 站長 | PageSpeed 前後測 |
| 半天到一天 | 快取外掛、WebP、Lazy Load、Cloudflare 基本設定 | 站長或維護者 | 首頁與重要頁實測 |
| 需要工程師 | JS 延遲排除、未使用 CSS、Redis、autoload、主機調整 | 工程師 | 指標與功能雙重測試 |
| 長期 | 監控、外掛更新、資料庫整理、流量尖峰觀察 | 維護者 | 固定週期追蹤 |
30 分鐘內可以先做的事
先記錄 PageSpeed Insights、LCP、INP、CLS、TTFB,接著清掉不用的外掛與主題,壓縮首頁首屏圖片,確認快取外掛是否已啟用。這些動作風險較低,也能讓你快速掌握瓶頸方向。
半天到一天可以完成的事
可以設定頁面快取、瀏覽器快取、WebP、Lazy Load、Cloudflare 基本 CDN,並檢查首頁、文章頁、服務頁、表單頁。WooCommerce 或會員網站要把排除規則先列清楚再做。
需要工程師協助的事
JS 延遲排除、移除未使用 CSS、Redis 或 Memcached、資料庫 autoload 檢查、主機層快取與 WooCommerce 結帳流程測試,建議交給工程師處理。這些設定有效,但出錯成本也高。
優化後要持續監控,不是做一次就結束
WordPress 速度會隨外掛更新、圖片新增、追蹤碼增加、主機流量變化而改變。優化後要固定追蹤首頁與重要內頁的 PageSpeed、LCP、TTFB,也要在更新外掛、改版、加新功能後重新測一次。
相關脈絡可以延伸閱讀 網站整體優化指南、網站安全與備份維護、Elementor 教學、CMS 選擇指南 與 網站架設費用。如果已經測過 PageSpeed,建議先整理首頁、重要內頁、行動版分數、LCP、TTFB、目前主機與快取外掛,再請技術維護者判斷瓶頸。
WordPress 速度優化一定要裝快取外掛嗎?
多數 WordPress 網站需要快取外掛或主機層快取,但不代表裝了就完成。若 TTFB 高,頁面快取通常很有幫助;若問題在圖片、JavaScript 或第三方腳本,只裝快取外掛改善有限。
PageSpeed Insights 行動版分數很低,代表網站一定很慢嗎?
不一定。行動版分數低代表有需要排查的體驗問題,但要搭配 LCP、INP、CLS、TTFB 與實機測試判斷。有些網站體感還可以,但因第三方腳本或首屏圖片設定導致測試分數偏低。
WordPress 網站速度要幾分才算合格?
不要只用單一分數判斷。較合理的做法是看重要頁面是否能穩定載入、Core Web Vitals 是否健康、行動版是否順暢、表單與結帳流程是否正常。分數是診斷入口,不是唯一目標。
WP Rocket 和 LiteSpeed Cache 哪個比較適合?
若主機使用 LiteSpeed Web Server,LiteSpeed Cache 通常較適合。若主機不是 LiteSpeed,WP Rocket 對一般站長較容易設定。選擇時要看主機環境、網站類型、是否有 WooCommerce,以及是否需要細緻排除規則。
圖片壓縮會不會讓畫質變差?
會,所以要依用途調整。文章插圖可以壓縮積極一點,產品圖、作品圖與品牌視覺圖要保留細節。壓縮後應該用手機檢查首屏、商品頁與重要圖片,不要只看檔案大小。
CDN 對台灣網站有幫助嗎?
有幫助,尤其是圖片、CSS、JavaScript 等靜態資源,以及同時有海外訪客的網站。若訪客幾乎都在台灣,CDN 仍可提升穩定度,但主機 TTFB 和快取設定仍要先顧好。
WooCommerce 網站可以開頁面快取嗎?
可以,但要排除購物車、結帳頁、我的帳號、付款回傳與其他個人化頁面。商品頁與分類頁通常可以快取,動態流程頁不能亂快取,否則可能出現購物車內容或付款狀態異常。
Elementor 做的網站是不是一定比較慢?
不一定,但 Elementor 網站比較容易因版型堆疊、DOM 過深、未使用 CSS、動畫與外掛資源變重。若版面克制、圖片處理正確、快取設定穩定,仍可維持合理速度。
為什麼我裝了快取外掛,PageSpeed 分數還是沒有變好?
可能是快取沒有命中、主機 TTFB 仍高、首屏圖片太重、JavaScript 阻塞、第三方腳本太多,或 WooCommerce 與會員頁被排除快取。先看 PageSpeed 的 LCP、INP、CLS、TTFB,再決定下一步。
WordPress 資料庫清理多久做一次?
沒有固定週期適合所有網站。文章多、訂單多、外掛更換頻繁的網站可以定期檢查;小型新站不必太早把資料庫清理當優先項。每次清理前都要先備份。
速度優化會不會造成網站破版?
會,尤其是 JS 延遲、CSS 合併、快取排除與 CDN 規則設定錯誤時。調整後要測首頁、重要頁、手機選單、表單、會員頁、購物車與結帳頁,確認速度改善沒有破壞功能。
優化 WordPress 速度需要找工程師嗎?
圖片壓縮、基本快取、停用不用外掛,站長通常可以自己處理。若涉及 JS 排除、未使用 CSS、Redis、資料庫 autoload、WooCommerce 結帳流程或主機層設定,建議找工程師協助。
Contact Form 7:WordPress 聯絡表單設定與排錯
contact form 7教學(contact form plugin)是什麼、怎麼做?Contact Form 7 是一款免費的 WordPress 聯絡表單外掛,也是許多網站管理者建立基本溝通管道的起點。
elementor教學:新手用頁面編輯器做WordPress頁面
這份elementor教學帶你了解Elementor頁面編輯器的定位、安裝設定、常用小工具與頁面製作流程,並整理免費版與Pro版差異、適用情境、效能注意事項和常見錯誤排除,適合想用WordPress快速完成首頁、服務頁或活動頁的新手。
WooCommerce 優惠券設定教學:折扣類型與使用限制完整操作指南
深入教學 WooCommerce 優惠券設定的每一步操作,從後臺啟用功能、建立優惠券代碼,到設定百分比折扣、固定金額折扣、免運費與使用限制。掌握 2026 年 WooCommerce 最新促銷設定技巧,輕鬆規劃限時優惠活動,有效管理訂單折扣成本。