RebelMouse 如何通过优化核心网页指标来提高忠诚度和互动度

一个案例研究，旨在衡量核心网页指标获得高性能得分带来的全面影响和益处。

Andrea Breanna
Andrea Breanna
X LinkedIn

RebelMouse 是一个基于云的 CMS，其中包含数据驱动型工具和广告素材策略，发布商需要尽可能为新老受众群体提供最佳体验。我们为 Upworthy、Narcity、Raw Story、Brit + Co 和 The Independent 等媒体公司提供高流量网站媒体资源，并为 Penske Trucks、Vault12、Gaingels 等高价值网站提供支持。

仅在美国，我们的平台每月就可覆盖超过 1 亿用户。该公司成立的初衷是，相信开放网络必须在消费者期望达到的最高水平才能蓬勃发展，Google 的核心网页指标所设立的标准也契合这一以用户为先的愿景。

十多年来，我们的全球团队一直在致力于打造一种 CMS，旨在打造积极、直观的用户体验，并将其转化为有意义的业务。核心网页指标是一项基准，可确保这种共生循环在我们支持的每个新网站上持续运行。

为什么优先提高效果能带来更出色的业务

许多发布商质疑在 Core Web Vitals 上获得出色得分是否值得。他们还担心，即使是优质的用户体验，也无法提升他们所需的读者群。幸运的是，在 RebelMouse 优先考虑性能方面，我们获得了数据，证明 Core Web Vitals 是创造新流量和建立成功业务所需的用户忠诚度的绝佳方式。

为说明这一点，我们分析了我们支持的许多网站的受众群体行为，在针对核心网页指标的高性能得分进行优化前后。具体而言，我们定义了用户类型，将受众群体分为以下几大类：

  • 新访问者：首次访问某个网站的用户。
  • 回访者：至少进行了两次会话的用户。
  • 忠实访问者：至少进行过三次会话的用户。
  • 粉丝：进行了至少 4 次会话的用户。
  • 超级粉丝：进行过至少 5 次会话的用户。

参考资料： - https://www.hotjar.com/google-analytics/glossary/users - https://databox.com/new-vs-returning-visitors

Google Analytics（分析）从现场收集数据非常清楚明了。在重点关注忠实访问者、粉丝和超级粉丝类别时，我们发现用户更有可能停留更长时间、消费更多内容，以及更频繁地访问在核心网页指标上获得出色评分的网站。以下是一些突出的示例：

忠实访问者
（每位用户至少进行 3 次会话） 		粉丝
（每位用户 4 次或更多会话） 		超级粉丝
（每位用户 5 次或更多会话）
网站 每位用户浏览页数 时间/用户 每位用户浏览页数 时间/用户 每位用户浏览页数 时间/用户
英国公司 提升了 1.9% 提升了 2.6% 6.6% 提升了 7.2% 6.3% 提升了 7.8%
哈穆·埃斯·吉曼特 (Hamu és Gyémánt) 提升了 10.6% 48.2% 提升了 13.1% 47.2% 6.9% 以上 35.3%
诺克森 37.5% +52.8% 46.9% 以上 64.4% 47.0% 64.6% 以上
值得推荐 117.6% 提升了 50.0% 117.1% 50.8% 以上 +114.2% 49.2%

但是，内容消费和每位用户的使用时间并不是指标出现飙升的唯一指标。与其他同类类别相比，访问用户数和访问过的网页数也有所增加：

忠实访问者
（每位用户至少进行 3 次会话） 		粉丝
（每位用户 4 次或更多会话） 		超级粉丝
（每位用户 5 次或更多会话）
网站 用户数 网页浏览量 用户数 网页浏览量 用户数 网页浏览量
美洲经济市场 提升了 16.0% 提升了 10.4% 提升了 11.8% +6.8% 6.9% 以上 提升了 4.6%
厄瓜多尔 24.2% 提升了 13.8% 提升了 24.9% +13.4% 提升了 24.0% 提升了 9.0%
纸质杂志 提升了 24.7% 提升了 20.0% 39.7% 以上 +32.1% 55.7% 35.7%
第二个 Nexus 提升了 16.8% 提升了 14.2% 提升了 15.0% +13.4% 提升了 15.7% 提升了 13.3%

从正常性能提升到高性能：RebelMouse 如何实现网站转型

好消息是，通过对网站的代码库进行深思熟虑的战略性更改，您可以在 Core Web Vitals 上取得良好表现。RebelMouse 通过以下几种方式为效果出色的网站提供支持：

渐进式 Web 应用

RebelMouse 在一款渐进式 Web 应用中优化了所有第三方调用，该应用首先传送最重要的内容，然后根据读取器的需要对其余调用进行顺序排序。

我们有一种可在 Largest Contentful Paint (LCP) 事件完成后立即加载 JavaScript 的方法。我们为用户提供了通过三种不同的优先级加载 JavaScript 的选项：

  • 优化模式则最适合希望使用最新前沿方法的用户。我们会在自己的开发工作中使用它。该优先级可暂停 JavaScript 的触发，直到网页完全加载，实现最佳性能。
  • 加载阻止用于立即执行 JavaScript，通常会对您的性能得分产生负面影响。该优先级将在网页完成加载后立即触发 JavaScript。这有可能会将您的表现得分降低 10-40 分，具体取决于额外的调用。
  • 如果您希望将出色的性能得分与极快的加载速度结合起来，LCP 之后是最佳选择。该优先级会导致 JavaScript 在 Largest Contentful Paint 事件完成后立即加载。（建议仅针对广告采用此方法，因为通过向只在网页上停留 5 秒左右的用户投放广告，您可以增加收入。）

优化社交嵌入

为了保护 Cumulative Layout Shift (CLS) 和 LCP 得分，所有社交嵌入都需要设置为延迟加载。

有关 CLS 保留，您必须使用服务器端技术动态查找嵌入内容的大小，并将其插入您自己的该嵌入属性的存储空间中。然后，您需要将嵌入的内容传递到前端，以防止布局在加载时发生变化。如果你想深入探究这个主题，可以参阅我们在 Twitter 和 TikTok 上专门发布的帖子，其中包含更多详细信息。

超轻量级、智能的 HTML 和 CSS

网站 HTML 和 CSS 的构建方式必须允许先投放首屏图片和文字，然后再预加载网页的其余部分。

  • 错误的 HTML 结构会迫使浏览器处理许多非首屏不必要的网站元素，以便在第一个视口中呈现首屏内容。
  • 如需关于如何在 RebelMouse 上实现这一目标，我们在下面提供了更深入的文章：

秉持以效果为先的心态发布应用

自从推出 Core Web Vitals 以来，开发者已经感受到了其发布平台与 Google 建议的阈值相比的影响。

HTTP Archive 是一个开源项目，用于识别数百万个网址中的趋势并记录历史模式。它在其核心网页指标技术报告中揭示了顶级内容管理系统在符合 Google 网页体验标准方面的表现。自从推出至 2022 年以来，RebelMouse 在 Google 一些最重要的指标上一直优于各大 CMS 平台：

各个平台之间具有良好核心网页指标的来源比较。平台包括 RebelMouse、WordPress、Drupal、Wix、Squarespace、Adobe Experience Manager、Contentful、Sitecore、Arc Publishing 和 Chorus。时间段为 2021 年 1 月 1 日至 2022 年 1 月 31 日（对于移动设备）。该趋势表明，RebelMouse 在 Core Web Vitals 上的表现优于所有其他 CMS 平台，并且这一趋势还随着时间的推移而增加。

性能不打折扣

对于发布商和品牌来说，制作优质内容现在只是成功的一半。高质量的内容必须以能够跟上当今网络速度和标准的现代技术为后盾。我们之所以能够提供非常出色的核心网页指标，是因为网站性能不仅仅是我们的目标，更是融入我们的企业文化的一项支柱。我们高度重视性能，以帮助客户在不牺牲用户体验的情况下增加流量并增加收入，从而充分利用开放网络。

如果您想详细了解我们如何帮助您的网站在核心网页指标方面超越行业标准，请点击此处立即详细了解 RebelMouse。