頁面速度不是唯一解答 — 7大平台 Core Web Vitals 真實排名大公開

2026-06-04 Author by Even
頁面速度不是唯一解答 — 7大平台 Core Web Vitals 真實排名大公開
01 Core Web Vitals

傻眼的 Core Web Vitals 分數

如果有人告訴你「把網頁做輕一點,Core Web Vitals 分數就會高」 —— 這話只說對了一半。HTTP Archive 最新的 CWV 技術報告拿出7個主流 CMS 平台的真實數據,結果讓很多人傻眼:頁面最重、Lighthouse 分數墊底的 Shopify,Core Web Vitals 表現竟然打敗了 Astro、Drupal、Joomla 和 WordPress。

02 CWV 評量

Core Web Vitals 到底在量什麼?

Google 設計 Core Web Vitals(CWV)主要量三件事:頁面多快載入完成、載入過程中版面是否穩定、以及使用者覺得頁面反應速不速。雖然 CWV 在 SEO 排名中屬於「次要因素」,但它直接影響使用者體驗——分數低的頁面,跳出率通常更高,廣告轉換率也更差。

這次分析的數據來自兩個公開資料集:CrUX(Chrome UX Report)收集了真實 Chrome 用戶的匿名使用數據,HTTP Archive 則是透過爬蟲測試大量網站取得的實驗室數據。把這兩個資料集放在一起,才能看清楚「頁面重量」和「真實 CWV 表現」之間到底有沒有關係。

2026年4月 Core Web Vitals 平台排名

以下是七個 CMS 平台「獲得良好 CWV 分數」的網站比例排名:

頁面重量 vs. Lighthouse 分數對照表

平台 頁面重量(MB)↓越輕越好 Lighthouse 分數 ↑越高越好 CWV 良好比例
Astro 1.65 MB ✦ 最輕 68 ✦ 最高 67%
Duda 1.87 MB 54 85% ✦ 第一
Drupal 2.39 MB 48 ~65%
Joomla 2.65 MB 43 ~58%
Wix 2.67 MB 62 80%
WordPress 2.76 MB 44 ~56%
Shopify 3.77 MB ✦ 最重 47 ✦ 接近墊底 79% ✦ 第三

⚡ 關鍵洞察
Shopify 頁面重量是 Astro 的 2.3 倍,Lighthouse 分數比 Astro 低 21 分 —— 但真實 CWV 表現卻高出 12 個百分點。數字說明了一件事:Lighthouse 分數和真實用戶體驗,衡量的根本不完全是同一件事。

03 Shopify

為什麼 Shopify 能逆轉勝?

在購物網站上,第三方追蹤腳本、廣告像素、結帳功能本來就是 CWV 的大敵。Shopify 帶著這些包袱還能排到第三,原因主要有幾個:

  • 版面設計預設不會在載入時產生位移(穩定的 CLS)
  • 透過全球 CDN 基礎設施積極優化資源交付
  • 互動響應速度快(好的 INP 分數)
  • CrUX 計入快取效果與重複訪問 —— 真實用戶常常是第二次、第三次來

Lighthouse 測試是一次性的模擬環境,沒有快取、沒有 CDN 加速、沒有回訪用戶。CrUX 抓的才是「一個真實的人打開你網頁那一刻」的感受。Shopify 把賭注押在後者,結果贏了。

04 Astro

Astro 排第四,問題出在哪?

Astro 是近年前端開發者的寵兒——預設靜態輸出、JavaScript 最小化、頁面重量最輕。理論上應該 CWV 最強,為什麼只排第四?

答案可能藏在「誰在用 Astro」這件事上。目前用 Astro 搭的網站很多是簡單的部落格或文件站,功能單純,本來就沒什麼拖慢 CWV 的東西。相較之下,Duda 和 Wix 服務的是各種複雜度的商業網站,能在這個基礎上維持高 CWV,基礎建設的功勞更值得肯定。

換句話說,Astro 的優勢可能會隨著網站複雜度上升而縮小。如果哪天 Astro 被大量用來做複雜電商或媒體平台,排名不見得還能這麼好看。

05 WordPress

WordPress 墊底,但別急著換平台

WordPress 使用全球 43% 的網站,CWV 卻在這個比較中排最後,讓很多 WordPress 用戶心裡有點不是滋味。但這個數字需要放在脈絡裡看。

WordPress 的安裝範圍極廣,從個人部落格到大型媒體都有。數據是所有 WordPress 網站的中位數,裡面有很多沒有認真優化的安裝 —— 沒有快取、沒有 CDN、外掛一堆沒在清理的那種。

現實是:一個優化得好的 WordPress 網站,表現可以完全不輸 Wix 或 Duda。問題從來不是 WordPress 本身,而是有沒有人認真對待效能。

06 結論

給 SEO 和開發者的三個實際結論

1. 頁面重量:減但不要迷信

減少頁面重量確實有幫助,但它不是唯一路徑。Shopify 的例子說明,伺服器穩定性、CDN 設定、快取策略,有時候比砍掉幾 KB JavaScript 更有效。

2. Lighthouse 分數是工具,不是目標

Lighthouse 很適合找問題,不適合拿來代表真實用戶體驗。優化方向應該以 CrUX 數據為主,Lighthouse 作為診斷工具。把 Lighthouse 分數推高但不看 CrUX,就像減重只看體重計但沒看體脂率。

3. 平台選擇影響起點,但不決定終點

WordPress 給你最大的自由,但也需要你自己負責效能。Shopify 幫你做了很多底層優化,但你犧牲了客製空間。Duda 和 Wix 則是把效能做進產品裡,適合不想花時間在技術優化的商業用戶。沒有最好的選擇,只有最符合你需求的選擇。

07 FAQs

常見問題

Q: Core Web Vitals 對 Google 排名影響有多大?
A: CWV 是 Google Page Experience 的一部分,屬於「次要排名因素」。Google 官方確認它會影響排名,但在相同內容品質下才會作為差距依據。換句話說,好的 CWV 不會讓爛內容排第一,但在競爭激烈的關鍵字中可能成為臨門一腳。更重要的是 CWV 直接影響轉換率——頁面慢,用戶就跑了。

Q: WordPress 網站要怎麼改善 Core Web Vitals?
A: 幾個最有效的做法:用 Cloudflare 或付費 CDN、安裝 LiteSpeed Cache 或 WP Rocket 做快取、對圖片做懶載入加 WebP 轉換、清掉不用的外掛、用 Google Search Console 的 CWV 報告找實際問題頁面。不要只靠 Lighthouse 的「建議清單」逐一打勾,要從 CrUX 數據找真正的痛點。

Q: Lighthouse 分數和 CrUX 分數為什麼會差這麼多?
A: Lighthouse 是單次實驗室測試,模擬一台中等規格的手機在節流網路下第一次打開頁面。CrUX 是 28 天的真實 Chrome 用戶數據,包含快取、CDN 加速、回訪效果、各種設備。Shopify 在 Lighthouse 墊底但 CWV 排第三,正是因為 Shopify 的 CDN 和快取優化在真實情境下發威,而 Lighthouse 根本量不到這部分。

你的網站 CWV 表現如何?

前往 Google Search Console → 「體驗」→「Core Web Vitals」,找到需要改善的頁面。或用 PageSpeed Insights 輸入你的網址,同時看到 Lighthouse 和 CrUX 兩份數據。

#GoogleSEO #CoreWebVitals #WordPress #技術SEO #網頁效能 #搜尋引擎優化 #Astro #Shopify