The SEO community has spent years discussing Core Web Vitals as a ranking signal. The more important story, the one that drives real business decisions, is the conversion impact. Google's own research shows a direct correlation between page speed and revenue. This article focuses on what actually moves the needle.
The three metrics and what they mean for conversions
LCP (Largest Contentful Paint)
LCP measures how long it takes for the main content of the page to load. For most sites, this is the hero image or the headline. Target: under 2.5 seconds.
Conversion impact: Google's research shows that pages loading in 1 second have a 3x higher conversion rate than pages loading in 5 seconds. Every 100ms improvement in LCP correlates with a 1% improvement in conversion rate for the median e-commerce site.
CLS (Cumulative Layout Shift)
CLS measures how much the page layout jumps around as it loads. A high CLS score means users are accidentally clicking the wrong thing because elements shifted. Target: under 0.1.
Conversion impact: A CLS of 0.1 vs 0.25 can mean the difference between a user completing a form or abandoning in frustration after accidentally tapping the wrong element on mobile.
INP (Interaction to Next Paint)
INP replaced FID in 2024 and measures how responsive the page feels to user interactions. Target: under 200ms.
Conversion impact: Slow interactions make your site feel broken. A checkout button that takes 800ms to respond loses users who assume the click did not register and tap again, causing double-submissions or abandonment.
The highest-impact fixes
LCP: preload the hero image
<link rel="preload" as="image"
href="/hero.webp"
fetchpriority="high">This single line of HTML is often the highest-impact LCP fix. Without it, the browser discovers the hero image late in the parsing process. With it, the browser starts fetching the image immediately.
LCP: use modern image formats
WebP is 25–35% smaller than JPEG at equivalent quality. AVIF is 40–50% smaller. Use the <picture> element to serve AVIF to browsers that support it, WebP as fallback, JPEG as final fallback.
CLS: always set width and height on images
<img src="hero.webp" width="1200" height="630" alt="...">Without explicit dimensions, the browser does not know how much space to reserve for the image, and the layout shifts when the image loads. Setting width and height attributes solves the majority of image-related CLS.
CLS: avoid inserting content above existing content
Cookie banners, newsletter popups, and sticky headers that appear after load are common CLS culprits. Either include them in the initial HTML (with reserved space), or use CSS transforms (which do not trigger layout shifts) to animate them in.
INP: defer non-critical JavaScript
Long tasks on the main thread block interactions. Audit your JavaScript with Chrome DevTools Performance tab. Any task over 50ms on the main thread is a candidate for deferral or offloading to a web worker.
Measuring the impact
Use Google Search Console's Core Web Vitals report to see real-user data (not just lab data). PageSpeed Insights shows both lab and field data for a specific URL. CrUX (Chrome User Experience Report) gives you aggregate data for your domain.
Set up conversion rate tracking alongside your CWV metrics so you can measure the direct business impact of each improvement, not just the technical score.