Core Web Vitals 2026 — a guide for site owners who do not want to read documentation

Google's Core Web Vitals have been a ranking factor since 2021 and since 2024 include three metrics: LCP (Largest Contentful Paint), INP (Interaction to Next Paint — replacing the old FID), and CLS (Cumulative Layout Shift). They are not the only SEO factor, but they are measurable, publicly available, and directly affect user experience — meaning improving these metrics is valuable even without a direct SEO effect.

LCP measures how quickly the largest visible element on a page loads (usually a hero image or h1 heading). Threshold: below 2.5 seconds is 'good', 2.5–4.0 seconds 'needs improvement', above 4.0 seconds 'poor'. Most common causes of poor LCP: unoptimised images (uncompressed JPEG, PNG instead of WebP/AVIF), slow server response (hosting without caching), and fonts blocking render.

INP measures the time from a user interaction (click, tap, keystroke) to the page's visual response. Threshold: below 200ms good, 200–500ms needs improvement, above 500ms poor. Most common causes: too much JavaScript executing on the main thread, render-blocking from heavy analytics scripts, and third parties (chatbots, live chat, marketing pixels) keeping the main thread busy.

CLS measures how much a page 'jumps' while loading — an element appears, pushes content down, the user clicks the wrong thing. Threshold: below 0.1 good, 0.1–0.25 needs improvement, above 0.25 poor. Causes: images without defined dimensions in HTML, fonts replacing fallback fonts with different metrics, and ads or banners inserted without reserved space.

How to see where you stand: Google PageSpeed Insights (pagespeed.web.dev) gives a lab measurement for any URL and CrUX (Chrome User Experience Report) data if the site has sufficient traffic. Google Search Console under 'Page Experience' shows real user data by mobile and desktop. For continuous monitoring: Lighthouse CI in a CI/CD pipeline or the Web Vitals Chrome extension for quick checks.

What to fix without a developer: compress and convert images to WebP/AVIF before upload (Squoosh.app is a free tool), add width and height attributes to all images, remove live chat or marketing pixels that deliver no ROI, and check that your hosting has HTTP/2 and server-side caching enabled. The rest — JavaScript bundle optimisation, critical CSS, preload hints — requires a developer and once done stays in place for a long time.

Feather Studio builds sites that leave production with green Core Web Vitals on mobile. If your site is slow or 'fails' a PageSpeed review — see our web services or schedule a technical site review.