RUM and synthetic monitoring configured

Synthetic monitoring (Lighthouse CI, automated browser tests) catches regressions in controlled conditions. RUM (Real User Monitoring) captures what actually happens across your user base — different devices, networks, geographies, and browser versions. ISO 25010:2011 time-behaviour requires measuring real performance; without RUM, you are optimizing against lab conditions that may not match production. Without synthetic monitoring, you lack a baseline to detect regressions before they affect users.

Integrate the web-vitals library to collect LCP, CLS, and FID/INP from real users and send to your analytics backend. Pair with Lighthouse CI for synthetic baselines.

// app/layout.tsx — report Web Vitals to your analytics endpoint
import { useReportWebVitals } from 'next/web-vitals'

export function WebVitalsReporter() {
  useReportWebVitals((metric) => {
    fetch('/api/vitals', {
      method: 'POST',
      body: JSON.stringify({ name: metric.name, value: metric.value, id: metric.id }),
    })
  })
  return null
}