Master LCP, INP, and CLS measurement, debugging, and optimization in production environments.
- LCP Measurement & Optimization
- INP Tracking & Debugging
- CLS Reduction Strategies
- FCP & TTFB Analysis
- View all 10 topics →
Production Engineering Guide
Real-User Monitoring &
Core Web Vitals
Production-focused resources for measuring, analyzing, and optimizing real-user web performance. Field data, p75 baselines, self-hosted pipelines — built for engineers who ship.
Modern web engineering demands more than Lighthouse scores. Real users experience your application across throttled mobile networks, fragmented device ecosystems, and concurrent background processes that synthetic tools simply cannot model. This guide provides the technical foundation for capturing, analyzing, and acting on field data — the only measurement that reflects what your users actually experience.
From instrumenting Core Web Vitals (LCP ≤ 2.5s · INP ≤ 200ms · CLS ≤ 0.1) with the PerformanceObserver API, to designing high-throughput self-hosted beacon pipelines backed by ClickHouse, to correlating p75 latency distributions with conversion funnels — every guide here is production-tested, percentile-anchored, and focused on shipping measurable improvements.
Whether you are a frontend engineer debugging INP spikes in production, a performance architect evaluating OpenTelemetry for RUM, or a technical lead quantifying the ROI of web performance — you will find actionable, engineering-grade resources across all three sections below. Coverage now runs from first measurement through to operations: single-page application metrics, device and network cohorts, regression alerting, CrUX benchmarking and performance budgets with error budgets.
Engineering Guides
Design, build, and deploy self-hosted RUM pipelines with ClickHouse, OpenTelemetry, and Grafana.
- Self-Hosted Beacon Collection
- Alerting & Regression Detection
- CrUX & Public Field Data
- OpenTelemetry for Web RUM
- View all 9 topics →
Define, instrument, and correlate custom performance metrics with conversion rates and business KPIs.
- User Timing API: Marks & Measures
- Element Timing API
- Performance Budgets & SLOs
- Conversion Funnel Correlation
- View all 5 topics →
Newest topic areas
Five areas added in the latest expansion, covering the operational half of a performance programme.
-
Soft Navigations & SPA Metrics
Why INP and CLS never reset on a route change, and how to measure per-route latency yourself.
-
Device & Network Segmentation
Device tiers, effective connection type and the sample-size floors that keep a cohort honest.
-
Alerting & Regression Detection
Baseline models, statistical tests and alert routing that people still read after a year.
-
CrUX & Public Field Data
Reconciling the assessed dataset with your own RUM, and benchmarking against a peer set.
-
Performance Budgets & SLOs
Per-route budgets, error budgets and burn-rate policy — targets someone is accountable for.
-
Lighthouse vs field data
The six structural differences behind the gap, and the residual size that signals a real bug.
Core Web Vitals Thresholds
Assessed at the 75th percentile (p75) over a 28-day rolling window
| Metric | What it Measures | Good | Needs Improvement | Poor |
|---|---|---|---|---|
| LCP Largest Contentful Paint |
Loading performance — time to render the largest visible element | ≤ 2.5s | ≤ 4.0s | > 4.0s |
| INP Interaction to Next Paint |
Responsiveness to all user input throughout the page lifecycle | ≤ 200ms | ≤ 500ms | > 500ms |
| CLS Cumulative Layout Shift |
Visual stability — unexpected element movement during load | ≤ 0.1 | ≤ 0.25 | > 0.25 |