Services

Fix Next.js Core Web Vitals Regressions After Launch or Release

This is for sites that were performing acceptably, then got slower after a release, redesign, dependency change, or new thirdparty load.

Recover lost Core Web Vitals after a release before the site feels slower and key routes start hurting conversion, crawl efficiency, or release confidence.

Short Answer

A Core Web Vitals regression is easy to dismiss when the site still works, but real users feel the change on the routes that affect conversion, search quality, and release confidence. Start by finding which metric moved first, connect it to a real technical change, and fix the causes that field data will actually notice.

Typical Symptoms

  • Largest Contentful Paint, Interaction to Next Paint, or CLS worsened after a release.
  • The site still works functionally, but userperceived speed has clearly degraded.
  • The regression is being discussed in dashboards but the cause is still unclear.

Likely Causes

  • Rendering strategy, assets, or script changes increased work on critical routes.
  • Caching or datafetching behaviour changed in a way that slowed the page shell.
  • Thirdparty additions or component regressions are affecting live traffic.

What I Look at First

  • Identify which routes and which metric moved first in field data, not just in lab traces.
  • Recent rendering, asset, or dependency changes on critical page types.
  • Whether the regression is primarily network, render, or scripting driven.

How I Help Fix This

  • Isolate the regression to the smallest credible set of technical causes.
  • Put the highestmeasurement fixes ahead of speculative cleanup.
  • Remediate the issue and verify that the regression really moved back down.

When to Look at This

  • When the regression is visible in live traffic but the root cause is still unclear.
  • When dashboards show the problem and releases are still piling more change on top.

What Gets Resolved

  • Core Web Vitals regressions are traced to the route, template, asset, script, image, or rendering behaviour causing them.
  • The metric that moved first is tied to the affected realuser routes rather than treated as a sitewide labscore problem.
  • Image priority, data loading, layout stability, and JavaScript work are changed according to the measured regression.
  • Priority journeys recover performance without removing functionality that did not cause the slowdown.
  • Field data and release checks show whether the improvement holds under live traffic.

How This Usually Works

  1. Technical Diagnostic

    A focused review to establish what is happening, where the risk sits, and what should happen next, ending with a prioritised plan the team can take into delivery.

  2. Recovery Sprint

    A short, concentrated engagement to isolate a defined problem, stabilise the immediate situation, and move the first fixes into delivery.

Need to improve web performance?

Tell me which pages or journeys matter most and what the data is showing. I'll read it and suggest where to start.

Related Case Studies and Project Work

  1. Screenshot of the Nando’s website; part of John Kavanagh's selected project work.

    A Complete Migration and Replatform for Nando’s

    On Nando’s restaurant pages, speed, structured data, and local discovery were handled as one customer path rather than separate scorechasing exercises.

    View case study
  2. Screenshot of the Selfridges website; part of John Kavanagh's selected project work.

    A New User Experience and Features for Selfridges

    At Selfridges, ecommerce frontend work had to keep perceived speed, release quality, and commercial flows stable under pressure.

    View case study
  3. Screenshot of the John Lewis website; part of John Kavanagh's selected project work.

    The Optimisation and Rebrand of johnlewis.com

    On John Lewis, Core Web Vitals and frontend optimisation work on hightraffic retail pages left little room for regressions in speed, stability, or search visibility.

    View case study