awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
GoogleChrome avatar

GoogleChrome/web-vitals

0
View on GitHub↗
web.dev/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.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

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.
8,534 stars·516 forks·JavaScript·Apache-2.0·22 views

Star history

Star history chart for googlechrome/web-vitalsStar history chart for googlechrome/web-vitals

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Projects sharing features with Web Vitals

These projects share indexed features with Web Vitals. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • sitespeedio/sitespeed.iositespeedio avatar

    sitespeedio/sitespeed.io

    4,989View on GitHub↗

    sitespeed.io is a web performance analysis tool and monitoring system designed to measure website speed and Core Web Vitals using real browsers. It functions as a performance regression suite and a browser performance monitor, enabling the enforcement of performance budgets to detect and block speed regressions. The project is distinguished by its real device testing framework, which executes performance audits on physical Android and iOS hardware via USB connections. It includes a specialized tool for generating and comparing HTTP Archive files to diagnose network bottlenecks, alongside inte

    JavaScriptmetricsmonitoringperfmatters
    View on GitHub↗4,989
  • a597873885/webfunny_monitora597873885 avatar

    a597873885/webfunny_monitor

    5,298View on GitHub↗

    webfunny_monitor is an open-source frontend monitoring and analytics platform that tracks page load performance, JavaScript errors, and user behavior. It serves as a comprehensive tool for measuring page load speed, API response times, client-side errors, and custom user events, with real-time dashboards that stream aggregated metrics via WebSocket for sub-second updates. The project distinguishes itself through its architectural approach: events are collected asynchronously via lightweight HTTP beacons and batched before transmission, while a memory-bounded local storage buffer ensures relia

    JavaScriptburying-pointfront-end-monitorfrontend-monitoring
    View on GitHub↗5,298
  • maplibre/maplibre-gl-jsmaplibre avatar

    maplibre/maplibre-gl-js

    9,931View on GitHub↗

    Maplibre GL JS is a WebGL map rendering engine and vector tile map library used to create interactive web maps. It serves as a web-based GIS visualization tool and an interactive map interface framework for rendering geographic data and vector tiles on web pages. The library provides capabilities for 3D terrain rendering and the integration of custom 3D content. It supports complex geospatial data visualization through the use of heatmaps, clusters, and 3D extrusions, while allowing for custom map styling and environmental effect customization. The system covers a broad range of functional a

    TypeScripthacktoberfestmaplibremaplibre-gl
    View on GitHub↗9,931
  • firebase/firebase-js-sdkfirebase avatar

    firebase/firebase-js-sdk

    5,125View on GitHub↗

    This is a backend-as-a-service SDK that connects web and mobile applications to a suite of cloud services. It provides a unified interface for managing user identity, executing serverless logic, and handling cloud object storage. The toolkit is characterized by its real-time data synchronization, which allows NoSQL document data to stay consistent across multiple clients with built-in offline persistence. It facilitates secure user access through a variety of identity providers and manages serverless function invocation to execute backend logic in response to HTTPS requests or database events

    TypeScriptfirebasefirebase-authfirebase-authentication
    View on GitHub↗5,125
Compare all 30 related projects→

Frequently asked questions

What does googlechrome/web-vitals do?

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.

What are the main features of googlechrome/web-vitals?

The main features of googlechrome/web-vitals are: Web Performance Metrics, User Experience Metric Collectors, Performance Attribution Diagnostics, Performance Diagnostic Tools, Performance Observer Tracking, User Behavior Analytics, Web Performance Monitoring, Performance Diagnostics.

Which projects share features with googlechrome/web-vitals?

Projects with overlapping indexed features include: sitespeedio/sitespeed.io — sitespeed.io is a web performance analysis tool and monitoring system designed to measure website speed and Core Web… a597873885/webfunny_monitor — webfunny_monitor is an open-source frontend monitoring and analytics platform that tracks page load performance,… maplibre/maplibre-gl-js — Maplibre GL JS is a WebGL map rendering engine and vector tile map library used to create interactive web maps. It… flyerhzm/bullet — Bullet is an Active Record performance monitor and query profiler for Ruby on Rails applications. It serves as a… countly/countly-server — Countly is a self-hosted product analytics and engagement platform that tracks user behavior across mobile, web, and… firebase/firebase-js-sdk — This is a backend-as-a-service SDK that connects web and mobile applications to a suite of cloud services. It provides…