Optima Docs

Appearance

Real User Monitoring (RUM) ​

Optima's Real User Monitoring provides comprehensive insights into how real users experience your web application. Our view-based SDK architecture delivers accurate performance data for modern SPAs with automatic route detection and isolated metrics per page.

🚀 Core Capabilities ​

View-Based Architecture ​

Our enhanced SDK uses a revolutionary view-based approach that isolates performance data per page or route, providing accurate monitoring for Single Page Applications (SPAs).

Key Benefits:

  • Accurate SPA Monitoring: Proper isolation of metrics for client-side route changes
  • Automatic Route Detection: No manual configuration needed for route tracking
  • Performance Isolation: Each view gets its own performance baseline
  • Zero False Positives: Eliminates cross-page metric contamination

Real-Time Performance Tracking ​

Monitor every aspect of user experience as it happens:

  • Page Load Performance: Complete timing breakdown from navigation start to load complete
  • Resource Loading: Detailed network timing for all assets (CSS, JS, images, fonts)
  • User Interactions: Click response times, scroll performance, and input lag
  • Navigation Timing: Accurate measurement of SPA route changes
  • Memory Usage: JavaScript heap size and memory pressure monitoring

📊 Core Web Vitals Monitoring ​

Track all Google Core Web Vitals with detailed breakdowns:

Largest Contentful Paint (LCP) ​

  • Target: Under 2.5 seconds
  • Measurement: Time until largest content element renders
  • Optimization: Identify slow-loading hero images and content

First Input Delay (FID) / Interaction to Next Paint (INP) ​

  • Target: Under 100ms (FID) / 200ms (INP)
  • Measurement: Responsiveness to user interactions
  • Optimization: Detect JavaScript blocking main thread

Cumulative Layout Shift (CLS) ​

  • Target: Under 0.1
  • Measurement: Visual stability during page load
  • Optimization: Identify elements causing layout shifts

Additional Metrics ​

  • Time to First Byte (TTFB): Server response time
  • First Contentful Paint (FCP): Time to first content render
  • Time to Interactive (TTI): When page becomes fully interactive

🎯 Advanced Features ​

User Session Analytics ​

Get complete visibility into user behavior:

  • Session Duration: How long users stay on your site
  • Page Views per Session: User navigation patterns
  • Bounce Rate Analysis: Which pages lose users quickly
  • Conversion Funnel: Performance impact on business metrics

Device & Browser Insights ​

Understand performance across different environments:

  • Device Types: Desktop, mobile, tablet performance comparison
  • Browser Analysis: Chrome, Safari, Firefox, Edge performance differences
  • Operating Systems: Windows, macOS, iOS, Android performance patterns
  • Network Conditions: 4G, WiFi, slow connection impact analysis

Geographic Performance ​

Monitor global user experience:

  • Regional Performance: Performance by country/region
  • CDN Effectiveness: Content delivery optimization opportunities
  • Network Provider Analysis: ISP-specific performance patterns
  • Time Zone Patterns: Performance variations by user location

🔧 Technical Implementation ​

SDK Integration ​

javascript
// Basic integration
<script src="https://cdn.optimajs.com/optima-sdk.js"></script>
<script>
  Optima.init({
    apiKey: 'your-api-key',
    // Automatic view detection for SPAs
    autoTrackViews: true,
    // Custom performance thresholds
    thresholds: {
      lcp: 2500,
      fid: 100,
      cls: 0.1
    }
  });
</script>

Custom Event Tracking ​

javascript
// Track custom user interactions
Optima.trackEvent('button_click', {
  element: 'checkout_button',
  value: 299.99
});

// Mark important user flows
Optima.startUserFlow('checkout_process');
Optima.endUserFlow('checkout_process');

Performance Marks ​

javascript
// Custom performance timing
Optima.mark('api_request_start');
// ... API call
Optima.mark('api_request_end');
Optima.measure('api_request_duration', 'api_request_start', 'api_request_end');

📈 Data Collection & Privacy ​

What We Collect ​

  • Performance Metrics: Timing data, resource sizes, error counts
  • User Context: Browser, device, screen size (no personal data)
  • Navigation Patterns: Page visits, referrers, user flows
  • Technical Data: JavaScript errors, network failures

Privacy Compliance ​

  • GDPR Compliant: No personal data collection
  • Cookie-Free: No tracking cookies required
  • Data Retention: Configurable retention periods
  • User Consent: Easy opt-out mechanisms

Data Security ​

  • Encrypted Transit: All data sent over HTTPS
  • Secure Storage: SOC 2 compliant data centers
  • Access Controls: Role-based team access
  • Data Export: Complete data portability

🎨 Visualization & Reporting ​

Real-Time Dashboard ​

  • Live Performance Metrics: See current user experience
  • Performance Trends: Historical data and patterns
  • Alerting Integration: Instant notifications for issues
  • Custom Views: Filter by device, location, or user segment

Advanced Analytics ​

  • Performance Correlations: Understand metric relationships
  • User Journey Analysis: See complete user paths
  • A/B Testing Integration: Performance impact of experiments
  • Business Metrics: Connect performance to revenue

🚀 Getting Started ​

  1. Sign up for Optima account
  2. Create a project and get your API key
  3. Install the SDK with one script tag
  4. Configure monitoring for your specific needs
  5. Start collecting data immediately

Ready to monitor real user performance? Get started with RUM →

Copyright © 2025 Optima