20 June 2026 · 4 min read
Largest Contentful Paint
LCP is usually dominated by one thing: the hero image or the font blocking render. Fixing image format, sizing, and priority typically moves LCP more than any amount of JavaScript trimming.
Preload the LCP resource, serve modern formats, and set explicit dimensions to avoid layout shift while it loads.
Interaction to Next Paint
INP measures whether the page responds when tapped. Long tasks on the main thread are the cause, and hydration of large client components is the usual culprit.
Move work off the main thread, split bundles by route, and render on the server where interaction is not required.
Measure on real devices
Lab scores on a fast laptop are not the experience. Use field data from real users, segmented by device tier and connection.
Set budgets in CI so a regression fails the build instead of surfacing in a quarterly report.
Where to go from here
If you are weighing web performance work for an upcoming project, the useful next step is usually a short scoping conversation rather than a longer article. Bring your constraints — budget, timeline, existing systems, and the team you already have — and the decision usually resolves itself in an hour.
We run these as a fixed-scope discovery session with a written recommendation at the end, including the cases where our advice is that you do not need us.
Working on something like this?
Send us the brief. We will tell you what we would build, what we would cut, and roughly what it costs.
Talk to us