Real User Monitoring (RUM) Overview

Real User Monitoring (RUM) provides deep insights into how real users experience your web application. Unlike synthetic monitoring which uses automated scripts, RUM captures actual user interactions, performance metrics, and errors as they happen in production.

What is RUM?

RUM is a browser-based monitoring solution that collects performance and usage data directly from your users' browsers. It helps you understand:

• Performance: Page load times, Core Web Vitals, resource timing
• User Experience: Interactions, clicks, navigation patterns
• Errors: JavaScript errors, failed requests, stack traces
• Behavior: Session replay, user flows, conversion funnels

Core Web Vitals

StatusRadar RUM automatically tracks Google's Core Web Vitals:

Largest Contentful Paint (LCP)

Measures loading performance. Good LCP is less than 2.5 seconds.

Interaction to Next Paint (INP)

Measures responsiveness and interactivity. Good INP is less than 200ms.

Cumulative Layout Shift (CLS)

Measures visual stability. Good CLS is less than 0.1.

First Contentful Paint (FCP)

Measures when first content appears. Good FCP is less than 1.8 seconds.

Time to First Byte (TTFB)

Measures server response time. Good TTFB is less than 800ms.

Key Features

📊 Performance Monitoring

• Page load timing (DNS, TCP, DOM, render)
• Resource timing (scripts, stylesheets, images)
• Network request tracking (fetch, XHR)
• Long task detection

🎬 Session Replay

• Record user sessions with rrweb
• Replay user interactions and navigation
• Privacy-safe recording (masks sensitive data)
• Compressed storage for efficiency

🐛 Error Tracking

• JavaScript errors with stack traces
• Unhandled promise rejections
• Failed network requests
• Console logs and warnings

👆 User Interactions

• Click tracking with element selectors
• Form submissions
• Navigation events
• Custom event tracking

How It Works

Browser → RUM SDK → StatusRadar Platform → Dashboard & Analytics

Flow:

1. Browser: User visits your website
2. RUM SDK: Lightweight JavaScript library (~15KB gzipped) collects data
3. StatusRadar Platform: Securely processes and stores telemetry
4. Dashboard: Real-time analytics and session replay visualization

Use Cases

E-commerce

Track checkout flows, identify slow product pages, optimize conversion funnels.

SaaS Applications

Monitor feature usage, detect errors affecting users, improve onboarding flows.

Content Websites

Optimize page speed, track reader engagement, reduce bounce rates.

Mobile Web Apps

Monitor performance on slow connections, track PWA metrics, detect device-specific issues.

Privacy & Compliance

• Configurable masking: Auto-mask sensitive inputs (passwords, credit cards)
• Domain whitelisting: Only accept data from authorized domains
• GDPR compliant: User consent integration, data retention controls
• No PII collection: IP addresses hashed, no tracking cookies

Quotas & Pricing

Each plan includes monthly quotas:

• Sessions: Unique user sessions
• Events: Total events (pageload, vitals, errors, clicks, etc.)
• Replay Storage: Compressed session replay data

Top-ups available for overage: https://statusradar.dev/dashboard/billing

Next Steps

• Quickstart Guide - Get started in 5 minutes
• Session Replay - Enable session recording
• Custom Events - Track application-specific events
• Error Tracking - Debug production errors

Browser Support

• Chrome/Edge 90+
• Firefox 88+
• Safari 14+
• Mobile browsers (iOS Safari 14+, Chrome Mobile)

SDK Size

• Core RUM: 12KB gzipped
• With Session Replay: 15KB gzipped
• Lazy loading: Replay module loads on-demand