本文將說明一些已對使用者和業務帶來正面影響的公司,協助您瞭解網站體驗核心指標與主要業務指標的關聯性。
您是否難以說服相關人員採用網站體驗核心指標?還是您想知道這是否對您的業務有幫助? 本文會提供一些案例,說明哪些公司已對使用者和業務帶來正面影響,協助您瞭解網站體驗核心指標與重要業務指標的關聯。
如果想觀看影片,請觀看 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 測試:使用伺服器端測試來避免產生任何算繪費用。比較最佳化版本和未最佳化版本的結果。
- 監控:使用持續監控功能避免發生迴歸問題。
最後,我們認為成效並不是一段旅程。 另外,我們計劃持續更新這篇文章,提供最新的個案研究重點資訊。 如果您也具有吸引人的業務勝利,並且更想登上這篇文章,請提交內容提案。