網站體驗核心指標的業務影響

本文將說明一些已對使用者和業務帶來正面影響的公司，協助您瞭解網站體驗核心指標與主要業務指標的關聯性。

您是否難以說服相關人員採用網站體驗核心指標？還是您想知道這是否對您的業務有幫助？ 本文會提供一些案例，說明哪些公司已對使用者和業務帶來正面影響，協助您瞭解網站體驗核心指標與重要業務指標的關聯。

如果想觀看影片，請觀看 Google I/O 大會的這場演講影片：

網站體驗核心指標對使用者和業務的重要性

機構內的不同利害關係人可以有不同的優先要務。 Core Web Vitals 指標能著重於改進以使用者為中心的指標，進而帶動業務成長，讓全都整合到同一個頁面。

網站體驗核心指標的良好路徑可能因網站而異，取決於網站在效能歷程中的哪個階段，以及網站設計是否複雜。可能包括獲取容易帶來成果及取得有意義的結果，以及實作能夠修正棘手問題的複雜解決方案。無論花費多少時間，決策者都應將此視為長期投資，以推動業務成長。提供快速流暢的導航體驗，除了能滿足使用者的需求，也有助於將他們轉換為忠實和回訪客戶。對產品經理而言，效能應該是決定新產品功能品質和成效的重要標準。無論是產品卓越性還是推動有趣的挑戰，也都能提升開發人員的滿意度。

雖然將網站體驗核心指標當做排名信號，能提供花時間提升效能的更多動機，但採用網站體驗核心指標除了提供排名之外，還有許多短期和長期優勢。 一起來看看幾個全球和當地品牌的個案研究，瞭解他們為何採用網站體驗核心指標 (在影響排名之前，這部分網站體驗核心指標對使用者體驗有所影響)。

個案研究

Vodafone

Vodafone (義大利) 讓 LCP 提升 31%，銷售量也增加 8% 。

技巧

• 伺服器端算繪重要 HTML。
• 減少禁止轉譯 JavaScript。
• 圖片最佳化技巧
• 調整主頁橫幅大小，延遲非重要資源。

學習重點

• A/B 測試是評估有意義的影響的最佳方式，
• A/B 應為伺服器端的一端。

iCook

「iCook」讓 CLS 提高 15%，廣告收益也增加 10%。

技巧

• 廣告單元大小的變化幅度較低，也較不容易在 UI 中預先分配到固定大小的廣告版位。
• 改善廣告指令碼載入邏輯，以便優先處理標頭出價，並延遲不重要的 JS。

學習重點

供應率可能會受到影響，但廣告可視度的最終改善幅度最終會提升。

Tokopedia

Tokopedia 將 LCP 提高 55%，且平均工作階段持續時間提升了 23%。

技巧

• 伺服器端轉譯 (SSR) LCP 元素。
• 預先載入 LCP 元素。
• 圖片最佳化 (壓縮、WebP、延遲載入非重要圖片)。

學習重點

• 建構效能監控資訊主頁來監控各個團隊的進度和影響。
• 測試不同的轉譯技術 (例如 SSR LCP 元素、不需捲動位置內容的 SSR 與完整用戶端轉譯)。

Redbus

網站體驗核心指標修正後，行動轉換率 (mCVR) 提高了 80%，在 Redbus 全球市場資源的網域排名也大幅提升。

技巧

• 修正網頁元件版位，並移除未最佳化的標記插入指令碼，藉此改善 CLS。
• 最佳化第三方指令碼和建構僅承擔單一責任原則的微服務，大幅降低了 TTI 和待定時間。

學習重點

• 將 CLS 從 1.65 降至 0，顯著提升了全球的網域排名。
• 將全球資源的 TTI 從 8 秒縮短到約 4 秒，並縮短 1200 毫秒，直到約 700 毫秒，使整個全球資源的 MCVR 成長了 80% 至 100%。
• 使用 RUM 工具有助於擷取較低層級市場的實際成效指標。
• 採用效能文化是避免迴歸的關鍵。此外，由於程式碼經過最佳化調整、發布速度更快，且實際工作環境的問題更少，因此團隊的工作效率也會隨之提升。

上方的個案研究顯示，只要採用最佳做法並實作快速致勝，即可達成許多目標。以下是一些關於這個重點的實際例子。

上述結果是擷取低垂水果所得的結果，例如：

如需更多最佳做法，請參閱網站體驗指標指南。使用 PageSpeed Insights 稽核網站，並立即取得可行的建議。

全球還有其他多個品牌也因投資網站體驗核心指標而獲益。

• 騰訊影片通過 Core Web Vitals 後，點閱率提高了 70%。
• Cdiscount 全都改善了 3 項指標，讓黑色星期五特賣活動收益提升 6%。
• Wix 讓行動裝置來源達到網站體驗核心指標的要求後，比去年同期增長 250% 以上。
• Nykaa 發現，LCP 增加 40% 讓 T2/T3 城市的自然流量增加 28%。
• NIKKEI STYLE 改善了 18% LCP，單次工作階段網頁瀏覽量增加了 9%。
• NDTV 減少了 LCP 及其他產品異動後，跳出率提高了 50%。
• Agrofy Market 利用 LCP 提高 70% 的機率，而放棄載入的負載減少了 76%。
• Flipkart 改善網站體驗核心指標指標後，跳出率降低了 2.6%。
• Ameba Manga 讓 CLS 分數提高 10 倍，成功讓閱讀漫畫數增加 2 至 3 倍。
• Yahoo! Japan 修正了 CLS，導致網頁品質不佳的情況降低 98%，單次工作階段的網頁瀏覽量也因此提升 15%。
• AliExpress 讓 CLS 降低了 10 倍，LCP 則成長了一倍，跳出率也下降了 15%。
• GEDI 的 CLS 降低了 77%，跳出率也降低了 8%。

該如何著手呢？

步驟 1：開始評估

首先，使用實際使用者監控 (RUM) 工具評估網站的欄位資料。目前市面上有許多 Google 和第三方 RUM 工具可供使用。

Google RUM 工具

• Search Console
• PageSpeed Insights
• web-vitals JavaScript 程式庫
• Chrome 使用者體驗報告 (CrUX)

第三方 RUM 工具

• Cloudflare
• New Relic
• Akamai
• 校正
• 藍色三角形
• 單腳
• SpeedCurve
• 雷根

挑選最適合您的工具。 您也可以進一步整合 Google Analytics (分析) 4，為網站體驗核心指標與業務指標建立關聯。

步驟 2：說服利害關係人

• 向相關人員說明採用網站體驗核心指標的重要性，此舉有助於改善使用者體驗，以及改善使用者體驗與公司業務指標之間的關聯性。
• 請內部贊助者幫忙，讓他們先進行小規模實驗。
• 與相關人員建立共同目標，以改善各團隊的網站體驗核心指標。

步驟 3：運用這些訣竅順利完成導入作業

• 優先排序：選擇流量高和/或轉換顯著程度的網頁，以取得有意義的結果 (例如廣告到達網頁、轉換頁或熱門網頁)。
• A/B 測試：使用伺服器端測試來避免產生任何算繪費用。比較最佳化版本和未最佳化版本的結果。
• 監控：使用持續監控功能避免發生迴歸問題。

最後，我們認為成效並不是一段旅程。 另外，我們計劃持續更新這篇文章，提供最新的個案研究重點資訊。 如果您也具有吸引人的業務勝利，並且更想登上這篇文章，請提交內容提案。