{"library":"web-vitals","type":"library","category":null,"description":"The `web-vitals` library provides a lightweight, modular way to measure essential performance metrics, known as Web Vitals, directly in the browser. It focuses on the current Core Web Vitals (Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS)), as well as First Contentful Paint (FCP) and Time to First Byte (TTFB). Maintained by the Google Chrome team, this library ensures that the collected data accurately reflects how these metrics are measured by Chrome and reported in official Google tools like the Chrome User Experience Report. It is widely used for Real User Monitoring (RUM) to collect and send performance data to analytics endpoints. The library is actively developed, with its current stable version being 5.2.0, and releases generally align with updates to Web Vitals definitions and Chrome's underlying measurement methodologies.","language":"javascript","status":"active","version":"5.2.0","tags":["javascript","crux","performance","metrics","Core Web Vitals","CLS","FCP","INP","LCP","typescript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install web-vitals","imports":["import { onLCP, onINP, onCLS } from 'web-vitals';","import { onFCP, onTTFB } from 'web-vitals';","import { onLCP, onINP, onCLS } from 'web-vitals/attribution';"]},{"cmd":"yarn add web-vitals","imports":[]},{"cmd":"pnpm add web-vitals","imports":[]}],"homepage":null,"github":"https://github.com/GoogleChrome/web-vitals","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/web-vitals","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/web-vitals/compatibility"}}