Documentation

Measure Web Vitals on real visits to an Astro site, report them to your own endpoint, and inspect them locally while you build.

@casoon/astro-webvitals is one Astro component, <WebVitals />, plus an optional integration for a local dashboard. It measures LCP, CLS, INP, FCP and TTFB with Google’s web-vitals package in the visitor’s browser.

Getting started

Installation – requirements, install, where the component goes.
Quickstart – from the first report to a local overlay.

Guides

Reporting to an endpoint – payload, batching and delivery.
Privacy – what is collected, where it goes, and the collection gates.
Accessibility checks – the overlay heuristic and the dashboard page checks.
Local dashboard – browser-local history, sitemap pass and page checks.
Diagnostics – attribution, Long Tasks and reliable delivery.
Examples – common configurations.

Reference

Options – every component prop and integration option.
API – exports, types and the browser event.

The debug overlay is a development aid. Its accessibility checks are intentionally small heuristics and are not a WCAG conformance audit.

Edit this page on GitHub · Docs for v0.4.9