前端可观测性

获得真实用户监控洞察

Grafana Cloud 前端可观测性是我们的真实用户监控(RUM)托管服务,提供关于 Web 应用程序最终用户体验的即时、清晰、可操作的洞察。您将获得关于实时前端健康的 RUM 数据,追踪前端错误,并通过堆栈的端到端可见性解决问题。

立即开始使用 Grafana Cloud 免费套餐:每月 5 万个前端会话。

quantify ux icon

了解实际的最终用户体验

监控并报告 Web Vitals,为用户优化您的网站和应用程序性能。

identify errors icon

排查用户遇到的问题

重现导致问题的用户行为,并在调试性能问题时将数据与后端请求关联起来。

troubleshoot issues icon

缩短前端错误的平均恢复时间 (MTTR)

查看已为您自动分组的相似错误,并深入到特定代码行调查问题。

为什么使用 Grafana Cloud 进行前端监控?

监控最终用户体验

  • 测量页面加载时间、用户交互、累积布局偏移以及更多关键指标,以了解并提供出色的用户体验。
  • 以符合您业务目标的方式(例如,按设备类型、应用程序版本或会话 ID)分解性能指标,并了解特定用户如何与您的站点交互。
Grafana Frontend Observability overview dashboard.

grafana frontend observability error awareness dashboard

使用完整的堆栈追踪来追踪错误

  • 根据数量和频率评估前端错误的严重性。
  • 通过有用的上下文元数据调查每个问题。
  • 通过解包 JavaScript 堆栈追踪,将错误源定位到特定的代码行。

端到端查看每一次用户交互

  • 根据任何参数查找用户会话。
  • 重现用户会话中的事件时间线。
  • 详细分析页面导航性能,包括网络和渲染等每个阶段的细分数据。
  • 将前端会话与请求追踪关联,以获得全栈可见性。
grafana frontend observability sessions dashboard

grafana frontend observability custom dashboard example

构建自定义 Grafana 仪表盘

  • 前端性能数据存储在 Grafana Cloud Logs 和 Cloud Traces 中,以 Prometheus 指标形式暴露,并在 Grafana 中进行可视化,以便进行灵活的分析和报告。

开始使用 Grafana Cloud 前端可观测性非常简单

注册

注册应用程序

输入您的应用程序名称以及发送数据的域名。

将 Grafana Faro Web SDK 添加到应用程序

使用 npm 仓库或 CDN 将 Faro Web SDK 添加到您的应用程序中。或者您可以添加 OpenTelemetry 来捕获追踪数据。

享受开箱即用的洞察

立即开始在几分钟内查看实时前端健康状况、监控前端错误并追踪用户会话。

有关完整的实现细节和最佳实践,

请参阅指南

在 Grafana Cloud 中获得前端可观测性

面向每个用户、每个组织、每个用例的真实用户监控。

Cloud Free

最适合监控每月多达 5 万个会话站点的早期和小型团队

Cloud Pro

最适合监控每月超过 5 万个会话并需要 8X5 支持的成长型团队。

Cloud Advanced

最适合监控每月超过 5 万个会话且监控要求更高并需要 24X7 支持的全球团队。
“Grafana Cloud 前端可观测性对于观测我们的前端基础设施和微前端至关重要。它提供了关于最终用户体验的宝贵开箱即用洞察,了解用户面临的问题,并且易于采用。它与 OpenTelemetry 的集成使我们能够获得系统的全栈视角,从而能够更全面地看待可观测性并重新评估我们的实践。”
Sai Soundararajan
工程经理