网络性能只是衡量网站加载速度的日子已经一去不复返了。速度永远很重要，但指标只关注加载时间——比如响应时间、第一个字节的时间和最后一个字节的时间——不再能说明用户体验 (UX) 的质量。
2021 年，作为页面体验更新的一部分，谷歌推出了Core Web Vitals (CWV):一组提供有关速度、响应能力和视觉稳定性的准确 UX 信息的指标。根据谷歌的说法，CWV是我们衡量用户体验质量最接近的指标——它也与搜索引擎优化 (SEO) 密切相关。
CWV 中包含的核心指标是:
Largest Contentful Paint (LCP):最大的内容块出现在浏览器中所花费的时间。那时用户可以开始阅读或使用该页面。LCP 不应超过 2.5 秒。
First Input Delay (FID):与输入字段、按钮或其他交互组件交互和它们对用户输入的响应之间的时间。在此延迟期间，用户可能会尝试进行交互，但应用程序似乎没有响应。页面的 FID 应为 100 毫秒或更短。
Cumulative Layout Shift (CLS):意外页面内容布局变化的次数——通常是广告和第三方内容，这可能会惹恼用户。页面应保持 0.1 或更低的 CLS 分数。
这些指标可帮助应用程序所有者了解用户如何看待页面加载（图 1）。他们可以更快地开始阅读吗?他们能早点订婚吗?他们能多快开始做他们来的目的?
图 1:网站可视化进度示例
专注于最重要的事情:用户体验
不可否认用户体验的重要性。事实上，研究表明用户体验与业务增长之间存在直接关系;如果客户过去有过令人满意的体验，他们就更有可能重新与品牌互动。
如今，数字化转型已成为许多公司的当务之急。自 COVID-19 大流行以来，人们在网上花费了更多时间:互动、购物、玩游戏、看电影等等。这些现代用户对在线体验的期望比以往任何时候都高，需要即时响应和更丰富的内容。
了解用户在其网站或应用程序交互中的需求和价值是任何成功的 Web 性能策略的关键。当用户需求被忽视时，用户体验就会受到影响，这可能会导致用户放弃、品牌受损、SEO 排名不佳以及收入损失。专注于用户体验至关重要——这一切都始于衡量关键指标。
用户体验测量工具
要改善用户体验，您需要准确且有影响力的数据，以深入了解用户对相关网站或应用程序的看法。有两种方法可以获得此信息:综合测试和真实用户监控 (RUM) 工具。
综合测试和 RUM 工具在软件开发生命周期的不同阶段都发挥着至关重要的作用（图 2）。综合测试（基于实验室的工具）非常适合测试、调试、诊断和优化生产变更。同时，RUM 使用真实用户数据衡量性能并监控可能影响未来性能的变化。
在衡量 UX 时，RUM 是更好的选择，因为它可以提供综合测试无法提供的数据点，分析用户行为并提供对设备、网络状况和地理位置的精细洞察。
图 2:软件开发生命周期不同阶段的性能测量工具
真实的用户数据带来伟大的决策
如果您已经在考虑改进网站或应用程序用户体验的策略，那么真实的用户数据就是您的朋友。具有直接业务影响的用户体验决策应借鉴真实的用户行为和结果。
Akamai mPulse是一种 RUM 解决方案，使公司能够从用户的角度了解网站体验。它衡量所有性能指标，包括 CWV，并提供对各种重要因素的洞察力，例如互联网速度、地理位置和设备。
mPulse 还有助于识别性能优化机会，指出影响用户体验的元素（例如图像、脚本、字体或整个页面），并定义性能与业务指标（如视图、转换和收入）之间的关系。
毫不费力地识别性能机会
Akamai mPulse 提供更新的用户界面（现在处于测试阶段），其中包含一组直观的新功能，可简化衡量 UX 所需的任务。新界面通过在收集重要数据时优先考虑效率和敏捷性来帮助提高性能和可用性。
构建引人注目的仪表板
mPulse 使创建具有引人注目、易于阅读的数据可视化功能的自定义仪表板变得更加容易。新的拖放工具允许您将任何预配置或自定义小部件或部分移动到仪表板的另一部分。您还可以即时进行更改并在每个级别应用选择器、过滤器和维度，从而轻松地在单个视图中比较两个或多个站点。
有关此功能的更多详细信息，请观看此视频，该视频演示了创建自定义仪表板的速度和轻松程度，该仪表板按设备类型提供对 CWV 的重要洞察（图 3）。
图 3:按设备类型比较 CWV 的仪表板示例
性能浏览器
公司已经开始依赖以用户为中心的指标，遵循谷歌的最佳实践，以实现更好的 SEO 排名。但是在测量用户体验之后你会做什么?
从逻辑上讲，您希望分析所有可用信息并确定可能影响性能的因素 — 但这样做是一个极其耗时的过程。在我们的 mPulse 解决方案中，Performance Explorer 提供行业标准关键性能指标的精选视图，以确定哪些元素直接影响 CWV 分数。Performance Explorer 还可以作为一种节省时间的工具来帮助诊断问题并促进做出明智的决策。
图 4 说明了Largest Contentful Paint (LCP) 如何跟踪为用户加载页面上最大的视觉元素所花费的时间。在此示例中，加载时间将近 3 秒，这增加了用户放弃网站并选择竞争对手的可能性。
图 4:性能浏览器 CVW 视图示例
图 4 向我们展示了 LCP 不是最优的，但我们无法了解哪些元素会影响指标得分。Performance Explorer 允许我们深入到给定的指标，例如 LCP，提供与该确切指标相关的指标。领先指标功能突出显示了您应该关注以改进该指标的特定领域（图 5）。
图 5:领先指标示例
图 5 确定了影响 LCP 指标的三个要素。显然，图像文件的大小是一个关键因素，减少图像字节有助于改善 LCP。First Contentful Paint (FCP) 通常以文本或背景图像的形式出现，后端时间（也称为首字节时间或 TTFB）可能会随着代码优化、缓存以及更快地推送 JavaScript 和 CSS 资源而得到改善.
相对计时器提供了另一种有效的工具。这个小部件不仅提供了一种快速浏览每个计时器的方法，而且还有助于确定指标在页面加载中的加载位置，并显示每个指标完成所花费的时间，从而更全面地了解用户如何看待整体网站体验（图 6)。
图 6:相关计时器示例
UX 监控工具和最佳实践
有很多工具可以帮助您衡量网站或应用程序的用户体验。使用这些工具时，请务必牢记这些最佳实践:
根据真实的用户数据做出业务决策。Akamai mPulse提供对用户行为的深入可见性，并帮助您识别 Web 性能问题。
随着时间的推移监控您网站的性能。一些网站更新会对用户体验产生负面影响，因此尽快捕捉它们很重要。
使用综合测试保持领先。这些测试有助于识别 Web 性能问题、调试和诊断站点更改。 Julio Chaves 是一名视频游戏爱好者，但在工作时间，他是一名产品营销人员，在过去 3 年多的时间里，他一直在为产品的消息传递、公司活动和通信注入创造力。作为 Edge Delivery 的产品营销人员，Julio 专注于开发上市帮助策略，使交付产品在每个人的脑海中保持相关性。
