本案例研究評估 Core Web Vitals 高分數的全面影響和效益。
RebelMouse 是雲端內容管理系統，提供發布商所需的資料導向工具和創意策略，協助他們為新舊觀眾提供最佳體驗。我們為 Upworthy、Narcity、Raw Story、Brit + Co 和 The Independent 等媒體公司，以及 Penske Trucks、Vault12、Gaingels 等高價值網站提供高流量的網站資源。
光是在美國，每個月就有超過 1 億人使用我們的平台。Google 的創辦理念是凡事以使用者為重，我們認為開放式網路必須滿足消費者的最高期望，才能蓬勃發展。Google 核心網站 Vitals 的標準也符合這項以使用者為優先的理念。
十多年來，我們的全球團隊一直致力於設計 CMS，打造出能帶來正面、直覺的使用者體驗，進而帶來有意義的業務成效。Core Web Vitals 是基準，可確保每個新網站都持續維持這種共生循環。
為何優先考量成效，有助於提升業務成效
許多發布商都會懷疑，要取得優異的 Core Web Vitals 分數是否值得。他們也擔心，即使提供優質的使用者體驗，也無法吸引更多讀者。幸運的是，我們在 RebelMouse 的優先成效排名中獲得了相關資料，證明 Core Web Vitals 是產生新流量並建立使用者忠誠度的好方法，有助於打造成功的業務。
為了說明這一點，我們分析了我們經營的多個網站的目標對象行為，並在進行 Core Web Vitals 最佳化前後，比較兩者的成效分數。具體來說，我們定義了使用者類型，將目標對象分為下列主要類別：
- 新訪客：初次造訪網站的使用者。
- 回訪者：至少有兩個工作階段的使用者。
- 忠實訪客：至少有三個工作階段以上的使用者。
- 粉絲：至少有四個工作階段以上的使用者。
- 超級粉絲：使用者至少有五個工作階段。
參考資料： - https://www.hotjar.com/google-analytics/glossary/users - https://databox.com/new-vs-returning-visitors
Google Analytics 收集到的現場資料非常清楚。在分析忠實訪客、粉絲和超級粉絲類別時，我們發現使用者在網站的網站使用體驗核心指標表現優異時，較有可能停留更久、觀看更多內容，並更頻繁地回訪網站。以下列舉幾個醒目範例：
不過，內容消費量和每位使用者的觀看時間並非唯一飆升的指標。同一個類別的使用者造訪次數和存取的網頁數量也隨之增加：
從一般轉為高效：RebelMouse 如何改造網站
好消息是，只要針對網站的程式碼庫進行周全且策略性的變更，就能在 Core Web Vitals 中獲得良好成效。以下是 RebelMouse 協助網站提升成效的幾種方法：
漸進式網頁應用程式
RebelMouse 會在漸進式網頁應用程式中優化所有第三方呼叫，以便先提供最重要的內容，然後依讀者的需求依序顯示其他呼叫。
我們有一種方法，可在 Largest Contentful Paint (LCP) 事件完成後立即載入 JavaScript。我們為使用者提供三種不同的優先順序層級，可用來載入 JavaScript：
- 最佳化模式最適合想要採用最新尖端方法的使用者。我們在自家開發工作中使用這項功能。這個優先順序等級會暫停 JavaScript 觸發動作，直到網頁完全載入後才會觸發，可為您提供最高效能。
- 載入封鎖功能會立即執行 JavaScript，通常會對效能分數造成負面影響。這個優先順序會在網頁載入完成後立即觸發 JavaScript。這可能會導致效能分數降低 10 到 40 分，具體取決於額外呼叫的次數。
- Post LCP 是最佳選項，可同時提供出色的效能分數和極快的載入速度。這個優先順序等級會導致 JavaScript 在 Largest Contentful Paint 事件完成後立即載入。(建議只針對廣告使用，因為您可以向只在網頁上停留五秒左右的使用者放送廣告，藉此提高收益)。
最佳化嵌入社群媒體
為保護累積版面配置偏移 (CLS) 和 LCP 分數，所有社群媒體內嵌內容都必須設為延遲載入。
如要保留 CLS，您必須使用伺服器端技術動態找出嵌入項目的大小，然後將其插入該嵌入項目屬性的儲存空間中。接著，嵌入內容必須傳送至前端，以免版面配置在載入時位移。如想進一步瞭解這個主題，我們有專門針對 Twitter 和 TikTok 的範例，提供更多詳細資訊。
超輕量、智慧型 HTML 和 CSS
網站 HTML 和 CSS 的建構方式必須允許在頁面其他部分載入前，先載入上方圖片和文字。
- 不良的 HTML 結構會迫使瀏覽器處理許多位於折頁下方且不必要的網站元素，以便在第一個檢視區域中算繪折頁上方的內容。
- 如要進一步瞭解如何在 RebelMouse 中達成這項目標，請參閱以下文章：
- 如何改善 Core Web Vitals。
- 完整指南：如何實現快速網頁速度，同時納入第三方指令碼。
- 針對 LCP 進行最佳化的深入指南。
以效能為優先發布
自推出網站使用體驗核心指標以來，開發人員就發現，自家發布平台與 Google 建議的門檻相比，有何差異。
HTTP 封存是個開放原始碼專案，可找出數百萬個網址的趨勢，並記錄歷史模式。該專案在Core Web Vitals 技術報告中揭露了頂尖內容管理系統在 Google 網頁體驗標準下的表現。自推出以來，RebelMouse 在 Google 最關鍵的指標方面一貫表現優異，並持續到 2022 年：
無須犧牲效能
無論對發布商或品牌而言，創作優質內容只是成功的一半。優質內容必須採用現代技術，才能跟上現今網際網路的速度和標準。我們能夠提供符合標準的網站體驗核心指標，是因為網站效能不僅是我們的目標，更是融入公司文化的企業支柱。我們專注於成效，協助客戶充分運用開放網站，在不犧牲使用者體驗的情況下，提高流量和收益。
如要進一步瞭解我們如何協助網站超越 Core Web Vitals 的業界標準，請按這裡，立即瞭解 RebelMouse。