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

# RUM Real User Monitoring

> RUM helps you analyze and understand real-time performance and user experience of web applications from the end-user perspective.

## What is Real User Monitoring?

Real User Monitoring (RUM) is an innovative technology that tracks and analyzes the actual experience of real users when using your web application. Unlike traditional synthetic testing, RUM collects data directly from user browsers, giving you visibility into how your application performs in real-world environments.

Flashduty RUM enables developers, operations engineers, and business stakeholders to intuitively understand application performance, identify issues promptly, and continuously optimize user experience.

## Core Capabilities

***

<AccordionGroup>
  <Accordion title="Performance Monitoring" icon="gauge-high">
    Monitor key performance metrics in real-time including page load times, resource loading efficiency, and JavaScript execution to quickly identify bottlenecks affecting user experience.

    * **Page performance**: Core Web Vitals including LCP, FID, CLS
    * **Resource analysis**: Load times for images, scripts, and stylesheets
    * **API monitoring**: API request response times and success rates
  </Accordion>

  <Accordion title="Error Tracking" icon="bug">
    Automatically capture JavaScript errors, network failures, and other issues affecting users, with rich contextual information to help quickly identify and resolve problems.

    * **Error grouping**: Automatic categorization of similar errors
    * **Stack trace restoration**: Source Map support for de-obfuscation
    * **Impact analysis**: Number of affected users and sessions
  </Accordion>

  <Accordion title="Insights" icon="chart-line">
    Deep analysis of performance for images, scripts, API calls, and other resources to optimize loading speed and understand data trends.

    * **Trend analysis**: Performance metrics over time
    * **Dimension drill-down**: Analysis by browser, device, and region
    * **Comparative analysis**: Performance comparison between versions
  </Accordion>

  <Accordion title="Session Replay" icon="video">
    Reproduce user operation paths and replay user sessions as video to quickly replicate and locate issues.

    * **Action replay**: Restoration of clicks, scrolls, inputs, and other actions
    * **Error location**: Jump directly to the moment an error occurred
    * **Privacy protection**: Automatic masking of sensitive information
  </Accordion>
</AccordionGroup>

## Why Choose Flashduty RUM?

***

<CardGroup cols={2}>
  <Card title="Full-spectrum Visibility" icon="eye">
    Understand application performance from the user perspective across different browsers, devices, and regions
  </Card>

  <Card title="Issue Alerts" icon="bell">
    Detect and resolve issues before they escalate, comprehensively improving application stability
  </Card>

  <Card title="Data-driven" icon="database">
    Make optimization decisions based on real user data instead of guesswork
  </Card>

  <Card title="Ecosystem Integration" icon="link">
    Deep integration with Flashduty monitoring ecosystem for end-to-end frontend-backend issue identification
  </Card>
</CardGroup>

<Note>
  The JavaScript SDK is designed to be lightweight, only \~30KB after gzip compression, minimizing performance impact while ensuring data collection.
</Note>

## How It Works

***

Flashduty RUM collects data by embedding a lightweight JavaScript SDK in your web application:

<Steps>
  <Step title="SDK Integration">
    Include the RUM SDK in your application, configure the application ID and collection parameters
  </Step>

  <Step title="Data Collection">
    The SDK automatically collects page visits, resource loads, user interactions, and error information
  </Step>

  <Step title="Real-time Reporting">
    Collected data is transmitted in real-time to the Flashduty backend for processing and analysis
  </Step>

  <Step title="Visualization">
    Gain comprehensive visibility into application performance and user experience through intuitive dashboards and reports
  </Step>
</Steps>

### Data Types Collected

| Data Type         | Description                                                        |
| ----------------- | ------------------------------------------------------------------ |
| Page visits       | Page load process, navigation timing, user environment information |
| Resource loads    | Loading status of images, scripts, stylesheets, and API calls      |
| User interactions | Clicks, form submissions, and custom events                        |
| Error information | JavaScript exceptions, network failures, console errors            |
| Long tasks        | Time-consuming JavaScript tasks that may cause page stuttering     |

## Quick Start

***

<CardGroup cols={2}>
  <Card title="Quick Start" icon="rocket" href="/en/rum/quickstart/quickstart">
    Build a user monitoring system from scratch to quickly optimize user experience
  </Card>

  <Card title="SDK Integration Guide" icon="code" href="/en/rum/sdk/web/sdk-integration">
    Learn how to integrate the RUM SDK in your application
  </Card>

  <Card title="Performance Monitoring" icon="gauge-high" href="/en/rum/performance/overview">
    Deep dive into performance monitoring features
  </Card>

  <Card title="Error Tracking" icon="bug" href="/en/rum/error-tracking/overview">
    Deep dive into error tracking features
  </Card>
</CardGroup>