正在加载

真实用户监控(用户体验)

Elastic Stack

用户体验提供了一种量化和分析 Web 应用程序感知性能的方法。 与测试环境不同,用户体验数据反映了真实的用户体验。 通过查看 URL、操作系统、浏览器和位置的数据来进一步深入分析——所有这些都会影响您的应用程序在最终用户机器上的性能。

在 APM 真实用户监控 (RUM) 代理的支持下,只需几行代码即可开始呈现关键的用户体验指标。

{{user-experience}} tab

搜索引擎越来越重视用户体验,在自然排名网站时也越来越重视用户体验。 Elastic 使您可以轻松地在 Google Core Web Vitals 的上下文中查看您的网站数据——这些指标可以衡量用户体验的三个关键领域:加载性能、视觉稳定性和交互性。 这些 Core Web Vitals 将成为 Google 排名因素中的主要性能衡量标准。 如果您是希望出现在 Google 搜索结果“热门新闻”版块中的基于内容的网站,则必须具有良好的 Core Web Vitals。

用户体验指标由 APM 真实用户监控 (RUM) 代理提供支持。 RUM 代理使用浏览器计时 API,例如 导航计时资源计时绘制计时用户计时,以便在用户每次访问您的页面时捕获用户体验指标。 此数据存储在 Elasticsearch 中,可以在 Kibana 中使用它进行可视化。

RUM 代理可以作为依赖项安装到您的应用程序中,或者只需几行 JavaScript 即可安装。 只需几分钟即可开始使用

此高级概述是您的分析起点,它可以回答以下问题:我的服务器响应请求需要多长时间? 花费多少时间来解析和绘制该内容? 我的网站收到了多少页面浏览量?

您无法通过单独查看这些指标来解决任何问题,但当您更深入地研究您的数据时,您将对全局有一个了解。

{{user-experience}} page load duration metrics

用户体验指标可帮助您了解网站的感知性能。 例如,首次内容绘制是浏览器开始呈现内容的时间戳。 换句话说,大约在这个时候,用户首先得到页面正在加载的反馈。

{{user-experience}} metrics

这些指标讲述了一个关于用户如何体验您的网站的重要故事。 但开发人员不应该成为解释这些信号并对其采取行动的专家; 他们应该花时间应对这些指标提供的机会。 出于这个原因(以及许多其他原因),Elastic 已经接受了 Google Core Web Vitals。

Core Web Vitals 是 Google 最近的一项举措,旨在引入一套新的指标,通过量化真实世界的用户体验来更好地对网站进行分类。

最大内容绘制 (LCP)
加载性能。 LCP 是页面主要内容可能已加载的时间戳。 对于用户而言,这是您网站的感知加载速度。 为了提供良好的用户体验,Google 建议 LCP 小于 2.5 秒。4
与下一次绘制的交互 (INP)
对用户交互的响应能力。 INP 值来自测量整个页面访问过程中发生的所有点击、触摸和键盘交互的延迟,并选择观察到的最长交互。 为了提供良好的用户体验,Google 建议 INP 小于 200 毫秒。5
注意

先前的 Kibana 版本在用户体验应用程序中包含指标 首次输入延迟 (FID)。 从 8.12 版本开始,FID 被与下一次绘制的交互 (INP)取代。 APM RUM 代理从 5.16.0 版本开始收集 INP 数据。 如果您将早期版本的 RUM 代理与 Kibana 8.12 或更高版本一起使用,它不会捕获 INP 数据,并且用户体验应用程序中将没有数据显示

Kibana 版本 ≥ 8.12 Kibana 版本 < 8.12
RUM 代理版本 ≥ 5.16.0 INP 数据将可见。 FID 数据将可见。
RUM 代理版本 < 5.16.0 INP 部分将为空。 FID 数据将可见。

RUM 代理版本 ≥ 5.16.0 将继续收集 FID 指标,因此,虽然 FID 指标未在 Kibana 8.12 及更高版本的用户体验应用程序中显示,但您可以选择在自定义仪表板中或使用 Lens 可视化 FID 指标。

累积布局偏移 (CLS)
视觉稳定性。 内容是否因 async 资源加载或动态内容添加而四处移动? CLS 衡量了这些令人沮丧的意外布局变化。 为了提供良好的用户体验,Google 建议 CLS 分数低于 .16
提示

从 2021 年 5 月开始,Google 将开始使用 Core Web Vitals 作为其排名算法的一部分,并将为网站提供在“热门新闻”位置排名的机会,而无需利用 AMP7

操作系统、浏览器系列和地理位置都可能对访问者体验您的网站产生巨大影响。 此数据可以帮助您了解用户从何时何地进行访问,并且可以帮助您确定优化的优先级——例如,优先改进访问您网站的最受欢迎的浏览器。

不要忘记,此数据还会影响搜索引擎页面排名以及内容网站的热门新闻中的位置——而无需使用 AMP。

{{user-experience}} visitor breakdown

JavaScript 错误可能对用户在您网站上的体验造成不利影响。 但是,用户软件和硬件的差异使得几乎不可能测试每种组合。 并且,随着 JavaScript 变得越来越复杂,对用户体验监控和错误报告的需求只会增加。 错误监控通过呈现生产中网站上发生的 JavaScript 错误来使此可见。

{{user-experience}} JavaScript errors

在 APM 中打开错误消息,以获取其他分析工具,例如发生率、事务 ID、用户数据等。

有问题吗? 想要留下反馈吗? 请访问用户体验讨论论坛

1 更多信息: developer.mozilla.org
2 更多信息: web.dev
3 更多信息: developer.mozilla.org
4 来源: web.dev
5 来源: web.dev
6 来源: web.dev
7 来源: webmasters.googleblog.com

© . All rights reserved.