Grafana Cloud
前端可观测性
前端可观测性
了解实际的最终用户体验
监控和报告 Web Vitals 以优化您的网站和应用程序性能，为用户提供最佳体验。
排查面向用户的问题
在调试性能问题时，重建导致问题的用户行为并将其与后端请求数据关联起来。
减少前端错误的 MTTR
深入了解为您自动分组的类似错误，并调查导致错误的特定代码行。
为什么要使用 Grafana Cloud 进行前端监控？
监控最终用户体验
- 测量页面加载时间、用户交互、累积布局偏移等关键指标，以了解并提供卓越的用户体验。
- 以符合您的业务目标的方式对性能指标进行切片和切块——例如，按设备类型、应用程序版本或会话 ID 分类——并了解更多关于特定用户如何与您的网站交互的信息。
使用完整堆栈跟踪跟踪错误
- 根据错误的容量和频率评估前端错误的严重性。
- 使用有用的上下文元数据调查每个问题。
- 通过解压缩 JavaScript 堆栈跟踪，将错误的来源缩小到特定的代码行。
对每个用户交互的端到端可视性
- 根据任何参数查找用户会话。
- 重建用户会话中的事件时间线。
- 使用每个阶段（包括网络和渲染）的详细细分来分析页面导航性能。
- 将前端会话与请求跟踪相关联，以获得全面的堆栈可视性。
构建自定义 Grafana 仪表盘
- 前端性能数据存储在 Grafana Cloud 日志和 Cloud 跟踪中，以 Prometheus 指标的形式公开，并在 Grafana 中可视化，以便进行灵活的分析和报告。
轻松开始使用 Grafana Cloud 前端可观测性
注册应用程序
输入您的应用程序名称和您从中结束数据的域。
将 Grafana Faro Web SDK 添加到应用程序
使用 npm 注册表或 CDN 将 Faro Web SDK 添加到您的应用程序。或者，您可以添加 OpenTelemetry 来捕获跟踪数据。
享受开箱即用的见解
立即开始查看实时前端运行状况、监控前端错误并跟踪用户会话，只需几分钟即可完成。
有关完整实施详细信息和最佳实践，
