Core Web Vitals Explained: LCP, INP and CLS for Business Owners
In short
What Google's Core Web Vitals measure, the thresholds that count as 'good', why they matter for visitors and SEO, and the most common fixes for slow websites.
Core Web Vitals are Google's way of measuring whether a page feels fast and stable to real people. They're part of Google's page experience signals, but more importantly they describe experiences that decide whether visitors stay or leave. Here's what each metric means in plain language, the targets to aim for, and the fixes that usually make the biggest difference.
The three metrics
Google currently uses three Core Web Vitals, each measured from real visitors' devices. A page passes when at least 75% of visits meet the 'good' threshold.
- Largest Contentful Paint (LCP) — how quickly the main content appears. Good: within 2.5 seconds.
- Interaction to Next Paint (INP) — how quickly the page responds when someone taps or clicks. Good: under 200 milliseconds.
- Cumulative Layout Shift (CLS) — how much the layout jumps around while loading. Good: below 0.1.
LCP: making the main content appear fast
The LCP element is usually a hero image or a large heading. It's slow when the server responds slowly, when the image is huge or discovered late, or when fonts and scripts block rendering.
- Serve images in modern formats at the size they're displayed
- Load the hero image with high priority; lazy-load only images below the fold
- Use a fast host and caching or a CDN
- Remove render-blocking scripts and unused CSS
INP: responding quickly to taps and clicks
INP replaced First Input Delay as a Core Web Vital in March 2024. It measures the delay across interactions during a visit, so heavy JavaScript that keeps the browser busy — large frameworks, chat widgets, trackers — hurts it most, especially on mid-range Android phones common in India.
- Send less JavaScript; render content on the server where possible
- Break long tasks into smaller pieces
- Delay non-essential third-party scripts until after interaction
- Test on a real mid-range phone, not only a fast laptop
CLS: stopping the page from jumping
Layout shift happens when something loads late and pushes content down — an image without dimensions, an ad, a cookie banner, a web font swap. It's the metric behind accidental taps on the wrong button.
- Always set width and height (or aspect ratio) on images and videos
- Reserve space for banners, ads and embeds
- Avoid inserting content above what the visitor is already reading
How to measure
PageSpeed Insights shows both real-user data (when enough exists) and a lab test for any URL. Search Console's Core Web Vitals report groups pages across your whole site by status. Use real-user data to find problems and lab tests to check fixes.
Field data vs lab data
Field data comes from real Chrome users visiting your site, collected over the previous 28 days; it's what Google uses for page experience. Lab data comes from a simulated test run on demand. Lab tests are great for debugging and checking a fix immediately; field data tells you whether real visitors actually got faster. Small sites may not have enough traffic for field data — then lab tests on a throttled mobile profile are the best guide.
A typical fix list for a slow business site
When I audit a slow small-business website, the same handful of fixes usually deliver most of the improvement:
- Replace a heavy image slider on the home page with a single optimised hero image
- Convert images to modern formats and serve them at display size
- Self-host fonts, or limit font weights, and preload the main one
- Remove unused plugins, widgets and tracking scripts
- Defer chat widgets until after the page is interactive
- Add caching and a CDN in front of the site
- Set dimensions on every image, embed and banner
Why mid-range phones matter in India
Most visitors in India browse on mid-range Android phones, often over variable mobile networks. A page that feels instant on a developer's laptop over office Wi-Fi can be sluggish there, especially for INP, which depends on how quickly the phone's processor handles JavaScript. Always test on a real mid-range device or with CPU throttling enabled.
Keeping it fast after launch
Speed erodes over time as marketing tags, new plugins and larger images are added. Check the Core Web Vitals report in Search Console monthly, set a simple rule that new images must be optimised before upload, and review third-party scripts every quarter — removing anything no longer used.
Core Web Vitals and conversions
Speed isn't only an SEO topic. Visitors who wait for a blank screen leave before they see your offer, and layout shifts cause mis-taps on buttons and forms. When I improve a site's Core Web Vitals, I track enquiries and bounce rates alongside the metrics, because the business result is the reason for doing it. Improvements in loading and responsiveness tend to show up first on mobile, where most visitors are and where performance problems are worst.
Who should fix what
Some fixes are content decisions — replacing a slider, compressing photos before upload, removing an unused chat widget — and can be handled by whoever manages the site. Others are technical — server response times, rendering strategy, JavaScript bundles, caching — and need a developer. Knowing which is which avoids paying a developer to compress images, or expecting a content editor to fix render-blocking scripts.
Setting a performance budget
A performance budget is a simple rule the whole team agrees on — for example, the home page must stay under a certain total image weight and a limited number of third-party scripts. Checking new content and features against it prevents the slow creep that undoes performance work.
How much do Core Web Vitals affect rankings?
Google is clear that great page experience doesn't override relevant, helpful content — a slow page with the best answer can still rank. But when several pages are similarly relevant, experience can make the difference, and speed directly affects how many visitors stay long enough to enquire.
Frequently Asked Questions
What is a good Core Web Vitals score?
LCP within 2.5 seconds, INP under 200 milliseconds and CLS below 0.1, measured at the 75th percentile of real visits.
What replaced First Input Delay?
Interaction to Next Paint (INP) replaced First Input Delay as a Core Web Vital in March 2024.
Why is my PageSpeed score different every time I test?
Lab tests vary with network and server conditions. Focus on real-user field data and consistent trends rather than a single score.
Do Core Web Vitals matter for small business websites?
Yes. Visitors on phones and mobile data notice slow, jumpy pages immediately, and speed affects how many of them become enquiries.
Can a website builder pass Core Web Vitals?
Some can, with care. Heavy themes, sliders and many plugins or widgets are the usual reasons a site fails.
What's the difference between field and lab data?
Field data comes from real visitors over the last 28 days and is what Google uses. Lab data is a simulated test, useful for debugging and checking fixes immediately.
Key Takeaways
- LCP ≤ 2.5 s, INP < 200 ms and CLS < 0.1 are Google's 'good' thresholds.
- Most LCP problems come from large or late-loading hero images.
- Heavy JavaScript and third-party widgets are the main INP culprits.
- Set image dimensions and reserve space to prevent layout shift.
- Content relevance comes first, but speed decides who stays.
Sources & further reading
- Web Vitals — web.dev
- Optimize Largest Contentful Paint — web.dev
- Interaction to Next Paint (INP) — web.dev
- Cumulative Layout Shift (CLS) — web.dev
- PageSpeed Insights — Google
- Understanding page experience in Google Search — Google Search Central
Related work
Keep reading
Have a project that touches seo? See SEO, AEO & GEO services.
Get in touch