Performance is no longer a wishlist item — it is a ranking signal, a conversion lever, and increasingly an enterprise compliance requirement.
Core Web Vitals replaced First Input Delay with Interaction to Next Paint in 2024, raising the bar for every product that depends on organic search. If your LCP is over 2.5 seconds or your INP is over 200 ms, you are losing rankings to faster competitors — and unlike older SEO heuristics, this is measured on real user devices.
What the three metrics measure
- Largest Contentful Paint: when the largest above-the-fold element finishes rendering. Goal: under 2.5s on the 75th percentile.
- Interaction to Next Paint: the longest delay between user input and visual response across the page lifecycle. Goal: under 200 ms.
- Cumulative Layout Shift: how much the page jumps around as it loads. Goal: under 0.1.
The 80/20 fixes
- Hero image not preloaded or sized — biggest LCP killer.
- Render-blocking JavaScript in the head — defer it.
- Web fonts loaded without
font-display: swap— invisible text and late layout shift. - Ads or embeds inserted after layout — reserve space with
aspect-ratioormin-height. - Long tasks on the main thread — break them up or move them to a Web Worker.
Measure where your users are
Lab tools like Lighthouse and PageSpeed Insights are necessary but not sufficient. Real-User Monitoring (CrUX, web-vitals.js, your APM) is the source of truth. A page that scores 95 in Lighthouse but ships a 12 MB hero video to a Galaxy A14 user on 3G will still tank your CWV report.
Treat performance as a product feature
The teams that win CWV treat it like uptime: a metric the team owns, an SLO they commit to, a regression alert when a deploy breaks it. Performance is the result of every feature shipping with a budget.