Modernize / Performance

Find the Core Web Vitals bottleneck. Fix it in production.

Fix LCP, CLS, and INP. Rendering, caching, assets, scripts, and Core Web Vitals measured against real-user behavior on Next.js, SvelteKit, WordPress, or Webflow, not a single lab score.

Published diagnosis / The Knockturnal

The lab improved. Real users still waited.

After a reported lab gain, Chrome field data still showed a 2.7-second server response. The cause was a cache policy that kept a 17,000-article archive cold. The policy changed, the correction was documented, and measurement continued.

Read the performance case
Archive
17,000+ articles
Lab first paint
5.4s → 1.3s
Field evidence
2.7s server response exposed the remaining cache problem
Response
Correct the diagnosis in writing and keep measuring

Diagnostic loop

Measure the same path before and after the change.

  1. 01 Observe

    Collect lab, field, server, route, and business evidence.

  2. 02 Localize

    Identify the layer producing the delay or instability.

  3. 03 Change

    Implement the smallest reversible correction that tests the diagnosis.

  4. 04 Verify

    Read production data again and document what moved or remained unresolved.

What changes

The responsible layer, not the convenient layer.

A frontend symptom can originate in the server, database, cache, asset pipeline, tag manager, or rendering model. The scope follows the evidence.

01

Rendering & server response

Inspect route behavior, data access, server work, and the time before useful HTML reaches the browser.

02

Caching & delivery

Trace cache policy, invalidation, CDN behavior, and whether production traffic receives warm or cold responses.

03

Scripts & interaction

Measure the cost of application code, analytics, advertising tags, and third-party behavior on real interactions.

04

Assets & layout

Correct image delivery, font behavior, CSS, and layout instability where the evidence shows user impact.

Performance method

Baseline, isolate, change, verify.

  1. Record the production baseline

    Collect lab and real-user evidence, server behavior, route traces, and the business paths affected.

  2. Rank the bottlenecks

    Separate visible symptoms from their rendering, caching, script, asset, or infrastructure causes.

  3. Implement reversible changes

    Ship focused corrections with an explicit hypothesis and a way to roll back if production behavior changes.

  4. Validate in the field

    Compare the same production evidence, report uncertainty, and decide whether another constraint now dominates.

Wrong fit

A higher lab score is not enough.

If the only objective is a presentation-ready score with no real-user or business path attached, this is the wrong engagement. Performance work should change a production constraint and be judged against production evidence.

Questions

Web performance and Core Web Vitals, answered.

The baseline, production bottleneck, and validation method determine the work. A universal conversion estimate does not.

Bring us the field data, or the site that has none

We’ll isolate the bottleneck and scope the fix.

Review performance