Skip to content
diviteb
Illustrative

Example engagement showing how we approach this kind of project. The client, quotes, and figures are illustrative, not a real client record.

Web Vitals rescue · 2-week sprint

Two weeks before launch, all three Core Web Vitals in the green.

Two weeks before their re-launch, none of the three Core Web Vitals were passing. We diagnosed the root causes (third-party scripts, unoptimized fonts, layout shift from late-loading images), shipped fixes in 17 PRs, and locked them in with regression tests.

Outcome · launch day

shipped

100

Lighthouse perf score, every page — all three Core Web Vitals green at launch

Lighthouse CIReal-userSentryCloudflare

<1.5s

LCP, every page (was 3.8s)

84ms

INP, every page (was 540ms)

0.00

CLS, every page (was 0.34)

The starting state

The brand had a re-launch on the calendar in two weeks. Their staging site had LCP at 3.8s, INP at 540ms, and CLS at 0.34. None of the three Core Web Vitals were green. The team had spent three sprints chasing the wrong fixes.

Two-week sprint · day-by-day

  1. Mon · Wk 1

    Deploy real-user monitoring

  2. Tue · Wk 1

    Diagnose top 3 culprits

  3. Wed · Wk 1

    Strip 3 third-party scripts

  4. Thu · Wk 1

    Font subset + preload

  5. Fri · Wk 1

    Image AVIF + sizing

  6. Mon · Wk 2

    Lighthouse CI in PR pipeline

  7. Tue · Wk 2

    Real-user verification

  8. Wed-Thu · Wk 2

    Long-tail fixes (cohorts)

  9. Fri · Wk 2

    Launch · all three green

What we shipped

Two-week sprint, root-cause first. We instrumented real-user monitoring before we wrote a fix, then attacked the top three culprits in priority order: third-party scripts, font loading, and image layout shift.

  • Real-user monitoring deployed first — fixes verified against actual user data, not lab synthetic.
  • Third-party scripts gated by consent and deferred to post-LCP — three scripts removed entirely.
  • Fonts subset to the actual glyphs in use, served from origin, preloaded for the LCP element.
  • Images sized at the breakpoint, served as AVIF with width/height attributes — no layout shift.

17 PRs · top 6 by impact

  • #247Defer GTM to post-LCP−420ms LCP
  • #251AVIF for hero image−320ms LCP
  • #254Preload heading font−180ms LCP
  • #258Add width/height to gallery imgs−0.32 CLS
  • #261Code-split modal bundle−260ms INP
  • #265Replace heavy carousel−180ms INP
All 17 merged before launch · regression tests live in CI

Where it landed

Launch day: LCP 1.4s, INP 84ms, CLS 0.00 — all three Core Web Vitals green on every page. Regression tests in CI catch perf budgets before merge; if a PR blows the LCP target, it’s blocked. The site has stayed in the green for nine months.

Ready when you are

Got a launch and a Lighthouse problem?

A 30-minute discovery call. We'll diagnose your top 3 perf issues live before we hang up.