Why Core Web Vitals still matter
Core Web Vitals are a tiebreaker, not a magic ranking boost — but they are a tiebreaker Google applies to every page on every query. On competitive SERPs, a green CWV profile is the difference between page one and page two. They also correlate directly with conversion rate, so the work pays twice.
LCP: Largest Contentful Paint (< 2.5s)
LCP is when your hero element finishes painting. The biggest wins, in order:
- Preload the LCP image with
<link rel="preload" as="image" fetchpriority="high">. - Serve AVIF or WebP with a JPEG fallback. Expect 40–70% smaller files.
- Eliminate render-blocking CSS — inline the critical above-the-fold styles, async-load the rest.
- Move to HTTP/2 or HTTP/3 and put your CDN edge close to your users.
INP: Interaction to Next Paint (< 200ms)
INP replaced FID in 2024 and measures the worst-case responsiveness across a session. The fix is almost always the same: break up long JavaScript tasks. Use scheduler.yield() where available, or setTimeout(fn, 0) as a fallback. Defer third-party scripts (analytics, chat widgets) until after first interaction.
CLS: Cumulative Layout Shift (< 0.1)
- Set explicit
widthandheighton every image and iframe. - Reserve space for ads, embeds, and lazy-loaded content with a min-height container.
- Use
font-display: optionalor preload web fonts to avoid FOUT shifts.
Measure in the field, not the lab
Lighthouse runs synthetically. Google ranks on real user data from CrUX. Install a small RUM script or use Search Console's Core Web Vitals report to see what your actual users experience. Lab and field numbers will disagree — trust the field.
Audit before you optimize
SEO Smart Engine's audit pulls field CWV data alongside crawl and content findings, so you can see which low-CWV pages are also high-traffic — that's where to spend your time.