LogoLogo
  • Overview
  • Key Features
  • Getting Started
    • Installation
    • Quick Start Guide
    • Configuration Options
    • Authentication
  • NPM Package
    • Installation
    • Core API Reference
    • Event Tracking
    • Experimentation
    • Performance Monitoring
    • Session Recording
    • Error Tracking
    • Advanced Configuration
  • A/B Testing & Experimentation
    • Creating Experiments
    • Targeting Users
    • Measuring Results
    • Statistics & Significance
    • Best Practices
  • Analytics Dashboard
    • Overview
    • User Journey Analysis
    • Conversion Funnels
    • Custom Reports
  • Session Recording
    • Privacy Considerations
    • Viewing Recordings
    • Filtering & Searching
    • Heatmaps
  • Performance Monitoring
    • Core Web Vitals
  • User Management
    • Roles & Permissions
    • Team Collaboration
    • Access Controls
    • Audit Logs
  • Troubleshooting
    • Common Issues
    • Debugging Tools
    • Error Reference
  • Appendix
    • Glossary
    • API Status Codes
    • Migration Guides
    • Release Notes
    • Roadmap
Powered by GitBook
On this page
  • Largest Contentful Paint (LCP)
  • Cumulative Layout Shift (CLS)
  • First Input Delay (FID)
  • Additional Core Metrics
  1. Performance Monitoring

Core Web Vitals

Track Google's critical user-centric performance metrics to ensure your site meets modern standards.

PreviousHeatmapsNextRoles & Permissions

Last updated 1 month ago

Performance monitoring is essential for delivering a smooth, responsive user experience. Mtrix provides comprehensive tools to measure, analyze, and optimize your website's performance.

Largest Contentful Paint (LCP)

Measure perceived loading performance:

  • Definition: Time when the largest content element becomes visible

  • Target: 2.5 seconds or less

  • Impact: Affects user perception of page readiness

  • Common Issues: Slow server response, render-blocking resources, slow resource load times

  • Tracking: Automatically measured for all page loads

Cumulative Layout Shift (CLS)

Measure visual stability:

  • Definition: Sum of all unexpected layout shifts during page lifecycle

  • Target: 0.1 or less

  • Impact: Affects user frustration when page elements move unexpectedly

  • Common Issues: Images without dimensions, dynamically injected content, web fonts

  • Tracking: Measured throughout the page lifecycle

First Input Delay (FID)

Measure interactivity:

  • Definition: Time from first user interaction to browser's response

  • Target: 100ms or less

  • Impact: Affects perception of site responsiveness

  • Common Issues: Heavy JavaScript execution, long tasks, third-party scripts

  • Tracking: Measured on first interaction (click, tap, key press)

FID Analysis Tools:

  • Interaction Map: See where first interactions typically occur

  • JavaScript Execution: View JavaScript activity during input delay

  • Long Task Identification: Find code execution that blocks the main thread

  • Third-party Impact: Measure how third-party code affects interactivity

Additional Core Metrics

Beyond the three Core Web Vitals, Mtrix tracks other critical performance metrics:

  • Time to First Byte (TTFB): Measures server response time

  • First Contentful Paint (FCP): When first content appears

  • Time to Interactive (TTI): When the page becomes fully interactive

  • Total Blocking Time (TBT): Sum of "blocking" time between FCP and TTI

  • Speed Index: How quickly content is visually displayed