Core Web Vitals audit: turn measurements into fixes

·3 min read

Audit LCP, INP and CLS using field evidence, reproducible lab diagnosis and template-level priorities rather than a single performance score.

A solid dark structure transitioning into lighter modules beneath a silver ring.

A Core Web Vitals audit should connect user experience measurements to specific engineering changes. A single test score cannot explain which visitors are affected or why. Begin with representative page templates, devices and journeys. Separate real-user field data from controlled lab tests: field data describes observed experience, while lab tools help reproduce and investigate a cause under known conditions.

Read the metrics in context

The current Core Web Vitals are Largest Contentful Paint, Interaction to Next Paint and Cumulative Layout Shift. Google’s guidance uses the 75th percentile to assess field performance, with good thresholds of LCP at or below 2.5 seconds, INP at or below 200 milliseconds and CLS at or below 0.1. Record the source and collection period. A page without sufficient field data should be treated as an evidence gap, not declared fast by default.

Trace the dominant cause

For LCP, identify the actual largest element and inspect the path to displaying it: server response, resource discovery, transfer and rendering. For INP, reproduce the affected interaction and inspect long tasks, event handlers and rendering work. For CLS, locate elements that move after initial layout, such as images without reserved space or late content insertion. Diagnose the relevant template rather than applying generic changes to unrelated pages.

Prioritise a small set of repairs

  • Choose templates with meaningful traffic and a demonstrated user-experience problem.
  • Write one hypothesis per change, such as earlier discovery of the hero image or less work during a filter interaction.
  • Validate functional behaviour, accessibility and visual layout alongside the performance measurement.
  • Compare repeatable lab runs and allow the field collection period to reflect the released change.

Report impact and remaining uncertainty

Record the baseline, environment, affected pages and evidence behind each recommendation. Distinguish a lab improvement from a confirmed field improvement. Third-party scripts, device mix and network conditions can affect results, so avoid promising a universal score. Assign an owner to performance budgets for images, scripts and future page templates. The audit is useful when it produces reproducible fixes and a way to detect regressions, rather than a report that becomes obsolete after the next content update.

Frequently asked questions

Are Core Web Vitals the same as a Lighthouse score?

No. Lighthouse provides lab diagnostics and a score; Core Web Vitals field assessment reflects observed user experience.

Why can lab and field results differ?

They cover different devices, networks, interactions and time periods. Use each for its appropriate purpose.

What if a page has no field data?

Record that limitation and use representative lab checks or suitable real-user measurement without inventing field results.

Should we optimise every page separately?

Start with shared templates and common causes, then investigate important exceptions.

How quickly will field results change?

They depend on the measurement source and collection window; a deployment does not immediately replace all historical observations.

Bring the scope. We will help make it buildable.

Share the user journey, integrations and launch constraints. We can clarify the scope and prepare an estimate with assumptions and exclusions.

Further reading

Next.js performance: diagnose the slow part first

Investigate Next.js performance through server work, client JavaScript, rendering boundaries, image delivery and production-build measurements.

Website migration SEO checklist for developers

Protect discoverability during a website migration with URL mapping, redirects, canonicals, language alternatives, sitemap checks and post-launch monitoring.

Legacy application modernisation: a phased roadmap

Modernise a legacy application with dependency mapping, baseline evidence, bounded replacements, migration checks and explicit retirement criteria.