本文將說明一些已對使用者和業務帶來正面影響的公司，協助您瞭解網站體驗核心指標與主要業務指標的關聯性。
您是否難以說服相關人員採用網站體驗核心指標？還是您想知道這是否對您的業務有幫助？ 本文會提供一些案例，說明哪些公司已對使用者和業務帶來正面影響，協助您瞭解網站體驗核心指標與重要業務指標的關聯。
如果想觀看影片，請觀看 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 從 1.65 降至 0，顯著提升了全球的網域排名。
- 將全球資源的 TTI 從 8 秒縮短到約 4 秒，並縮短 1200 毫秒，直到約 700 毫秒，使整個全球資源的 MCVR 成長了 80% 至 100%。
- 使用 RUM 工具有助於擷取較低層級市場的實際成效指標。
- 採用效能文化是避免迴歸的關鍵。此外，由於程式碼經過最佳化調整、發布速度更快，且實際工作環境的問題更少，因此團隊的工作效率也會隨之提升。
上方的個案研究顯示，只要採用最佳做法並實作快速致勝，即可達成許多目標。以下是一些關於這個重點的實際例子。
上述結果是擷取低垂水果所得的結果，例如：
| 圖片最佳化 | JavaScript 最佳化 | 廣告和動態內容 |
|---|---|---|
| 使用 WebP 圖片格式 | 延遲第三方 JS | 預留不需捲動位置的廣告空間 |
| 使用映像檔 CDN | 移除禁止轉譯和未使用的 JS | 設定動態內容的高度 |
| 壓縮 | 延遲載入非重要 JS | |
| 延遲非重要映像檔 | 預先載入重要 JS | |
| 預先載入主頁橫幅 | ||
| 指定顯示比例 |
如需更多最佳做法，請參閱網站體驗指標指南。使用 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 測試：使用伺服器端測試來避免產生任何算繪費用。比較最佳化版本和未最佳化版本的結果。
- 監控：使用持續監控功能避免發生迴歸問題。
最後，我們認為成效並不是一段旅程。 另外，我們計劃持續更新這篇文章，提供最新的個案研究重點資訊。 如果您也具有吸引人的業務勝利，並且更想登上這篇文章，請提交內容提案。