GoogleChrome/web-vitals
Web Vitals
This project is a web performance monitoring library designed to collect, calculate, and attribute user experience metrics. It functions as a real user monitoring tool that tracks core loading and interactivity metrics from actual browser sessions to quantify website health and identify speed bottlenecks.
The library includes a performance attribution engine that collects diagnostic data to pinpoint the root causes of page lag. This allows for the identification of specific performance bottlenecks alongside the measurement of core web vitals.
The system provides comprehensive data export capabilities, including the ability to send measured values to external analytics endpoints via background transfers. It supports metric change tracking and report batching to reduce network traffic and prevent data loss during page unloads.
Features
- Web Performance Metrics - Provides tools for measuring and reporting browser-side performance vitals from real users.
- User Experience Metric Collectors - Calculates performance values based on browser events to identify speed bottlenecks and page lag.
- Performance Attribution Diagnostics - Pairs high-level performance metrics with browser metadata to pinpoint the specific elements causing page lag.
- Performance Diagnostic Tools - Analyzes performance metrics and attribution data to identify and resolve system bottlenecks.
- Performance Observer Tracking - Utilizes the browser's PerformanceObserver API to asynchronously capture performance entries during the page lifecycle.
- User Behavior Analytics - Exports real-world performance data from actual visitor sessions to analyze user experience.
- Web Performance Monitoring - A library dedicated to measuring core loading and interactivity metrics to quantify website health.
- Performance Diagnostics - Provides diagnostic utilities to pinpoint the root causes of slow loading and page lag.
- Beacon-Based Data Transmission - Uses non-blocking requests to send measurement data to servers, ensuring persistence after the page is unloaded.
- Metric Report Batching - Queues measurement values and transmits them in a single batch to minimize network overhead.
- Web Vitals Reporting Hooks - Uses hooks to capture and report core web performance metrics in batched network requests.
- Performance Metric Exports - Sends measured metric values to external analytics endpoints for deeper performance analysis.
- Performance Monitoring - Measures Core Web Vitals directly in the browser.
- Performance Monitoring Tools - Library for measuring essential user-centric performance metrics in the field.
