> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flashcat.cloud/llms.txt
> Use this file to discover all available pages before exploring further.

# RUM 真实用户监控

> RUM 真实用户监控能够帮您从终端用户视角出发，直观地分析和了解 Web 应用的实时性能和用户体验。

## 什么是真实用户监控？

***

真实用户监控（RUM）是一项创新技术，它能够追踪并分析真实用户在使用您 Web 应用时的实际体验。与传统的模拟测试不同，RUM 直接从用户浏览器采集数据，为您呈现应用在真实环境中的运行状况。

Flashduty RUM 让开发人员、运维工程师和业务相关方能够直观地了解应用性能，及时发现问题并持续优化用户体验。

## 核心能力

***

<AccordionGroup>
  <Accordion title="性能监控" icon="gauge-high">
    实时掌握页面加载时间、资源加载效率和 JavaScript 运行状况等关键性能指标，快速定位影响用户体验的瓶颈。

    * **页面性能**：LCP、FID、CLS 等核心 Web 指标
    * **资源分析**：图片、脚本、样式表加载耗时
    * **接口监控**：API 请求响应时间和成功率
  </Accordion>

  <Accordion title="异常追踪" icon="bug">
    自动捕获 JavaScript 报错、网络故障等影响用户的问题，并提供丰富的上下文信息，助力快速定位和解决问题。

    * **错误聚合**：相似错误自动归类
    * **堆栈还原**：支持 Source Map 反解析
    * **影响分析**：受影响用户数和会话数
  </Accordion>

  <Accordion title="分析看板" icon="chart-line">
    深入分析图片、脚本、接口调用等资源的性能表现，助力优化加载速度，洞察数据变化趋势。

    * **趋势分析**：性能指标随时间变化
    * **维度下钻**：按浏览器、设备、地域分析
    * **对比分析**：版本间性能对比
  </Accordion>

  <Accordion title="会话重放" icon="video">
    还原用户操作路径，以视频形式回放用户会话，快速复现和定位问题。

    * **操作回放**：点击、滚动、输入等操作还原
    * **错误定位**：直接跳转到错误发生时刻
    * **隐私保护**：敏感信息自动脱敏
  </Accordion>
</AccordionGroup>

## 为什么选择 Flashduty RUM？

***

<CardGroup cols={2}>
  <Card title="全方位可视化" icon="eye">
    从用户视角出发，全面了解应用在不同浏览器、设备和地域下的性能表现
  </Card>

  <Card title="问题预警" icon="bell">
    在问题大规模爆发前及时发现并解决，全面提升应用的稳定性
  </Card>

  <Card title="数据驱动" icon="database">
    基于真实用户数据制定优化策略，告别主观臆测
  </Card>

  <Card title="生态融合" icon="link">
    与 Flashduty 监控体系深度集成，实现前后端全链路问题定位
  </Card>
</CardGroup>

<Note>
  JavaScript SDK 采用轻量化设计，gzip 后仅约 30KB，在保证数据采集的同时将性能影响降至最低。
</Note>

## 工作原理

***

Flashduty RUM 通过在您的 Web 应用中植入轻量级 JavaScript SDK 来实现数据采集：

<Steps>
  <Step title="SDK 集成">
    在应用中引入 RUM SDK，配置应用 ID 和采集参数
  </Step>

  <Step title="数据采集">
    SDK 自动采集页面访问、资源加载、用户交互、异常信息等数据
  </Step>

  <Step title="实时上报">
    采集的数据实时传输到 Flashduty 后台进行处理和分析
  </Step>

  <Step title="可视化呈现">
    通过直观的仪表盘和报表，全面掌握应用性能和用户体验状况
  </Step>
</Steps>

### 采集数据类型

| 数据类型 | 说明                        |
| ---- | ------------------------- |
| 页面访问 | 页面加载过程、导航耗时、用户环境信息        |
| 资源加载 | 图片、脚本、样式表、接口调用的加载情况       |
| 用户交互 | 点击、表单提交等操作及自定义事件          |
| 异常信息 | JavaScript 异常、网络故障、控制台错误  |
| 长任务  | 可能造成页面卡顿的耗时 JavaScript 任务 |

## 快速开始

***

<CardGroup cols={2}>
  <Card title="快速入门" icon="rocket" href="/zh/rum/quickstart/quickstart">
    从零搭建用户监控体系，快速优化用户体验
  </Card>

  <Card title="SDK 集成指南" icon="code" href="/zh/rum/sdk/web/sdk-integration">
    了解如何在您的应用中集成 RUM SDK
  </Card>

  <Card title="性能监控" icon="gauge-high" href="/zh/rum/performance/overview">
    深入了解性能监控相关功能
  </Card>

  <Card title="异常追踪" icon="bug" href="/zh/rum/error-tracking/overview">
    深入了解异常追踪相关功能
  </Card>
</CardGroup>