Core Web Vitals: how to make your business website fast
LCP, INP and CLS in plain language — why speed affects rankings and sales, and the fixes that make the biggest difference.
Core Web Vitals are three measurements Google uses to judge how a real visitor experiences your page: how fast the main content appears (LCP), how quickly the page reacts when someone taps or types (INP), and how much the layout jumps around while loading (CLS). Good scores come from a few practical fixes: smaller images, less JavaScript, better hosting and fixed spaces for content. Those fixes make your website feel fast on the mid-range phones and patchy mobile data many Indian customers use.
This guide explains each metric without jargon, shows how to check your own site, and lists the website speed optimisation fixes that make the biggest difference for business websites.
Key takeaways
- LCP should be 2.5 seconds or less, INP 200 milliseconds or less, and CLS 0.1 or less.
- Google judges these from real Chrome users, measured at the 75th percentile of visits.
- Oversized images and heavy scripts cause most slow business websites.
- Speed helps rankings a little and conversions a lot. Slow pages lose enquiries.
- Test on a real mid-range phone, not only on your office Wi-Fi.
The three Core Web Vitals in plain language
| Metric | What it measures | Good | Needs improvement | Poor |
|---|---|---|---|---|
| LCP – Largest Contentful Paint | Time until the biggest visible element (usually a hero image or headline) appears | ≤ 2.5 s | 2.5 – 4 s | > 4 s |
| INP – Interaction to Next Paint | How quickly the page visibly responds after taps, clicks and key presses | ≤ 200 ms | 200 – 500 ms | > 500 ms |
| CLS – Cumulative Layout Shift | How much content unexpectedly moves while the page loads | ≤ 0.1 | 0.1 – 0.25 | > 0.25 |
LCP: does the page look loaded?
Imagine a customer in Lucknow opening your showroom page. LCP is the moment the large banner photo or main heading finally appears. Until then, the page feels empty, and many people hit back.
INP: does the page respond when I tap?
INP replaced an older metric, First Input Delay, in March 2024. It looks at interactions throughout the visit: opening the menu, tapping "Add to cart", choosing a date in a booking form. If the phone is busy running scripts, the tap feels ignored and people tap again or give up.
CLS: does the page jump?
You go to tap "Call now" and a late-loading banner pushes the button down, so you tap an advert instead. That is layout shift. It's annoying, and on booking or checkout pages it costs sales.
Why page speed matters for business websites
Core Web Vitals are part of Google's page experience signals. Google has been clear that relevant, helpful content matters much more, so a fast page with weak content won't beat a slower page that answers the query better. When pages are otherwise similar, though, experience can make the difference.
The bigger effect is on people. A visitor who waits several seconds on a slow 4G connection often doesn't wait at all. For businesses paying for Google or social media ads, a slow landing page wastes money on every click. Speed is as much a conversion issue as an SEO one.
How to check your Core Web Vitals
- PageSpeed Insights. Enter your URL. The top section shows real-user data from Chrome users (if your site has enough traffic), and the lower section shows a lab test with specific suggestions.
- Google Search Console. The Core Web Vitals report groups your URLs into good, needs improvement and poor, separately for mobile and desktop.
- Chrome DevTools. Developers can use the Performance panel to find which script or image causes a delay.
- A real phone. Open your site on a mid-range Android phone over mobile data, clear the cache and time how long it takes to become usable.
Google's explanation of Core Web Vitals and Search is a good reference if you want the official view.
Lab score vs real data: The 0–100 score in PageSpeed Insights is a lab simulation. The real-user field data is what Google uses for page experience. Improve the field numbers first, and don't chase a perfect 100.
Fixing LCP: make the main content appear faster
Images
- Resize images to the size they're actually displayed. A 4000-pixel camera photo shown at 800 pixels wastes most of the download.
- Use modern formats such as WebP or AVIF, and compress them.
- Serve smaller images to phones using responsive image sizes.
- Don't lazy-load the hero image. Load it immediately, and consider marking it as high priority.
- Replace auto-playing image sliders at the top of the page with one strong image.
Server and hosting
- Choose hosting with servers close to your customers, or use a CDN with Indian edge locations.
- Turn on page caching so pages don't have to be built from the database on every visit.
- Keep the platform, such as PHP or your CMS, on a current, supported version.
Render-blocking files
- Load only the fonts you use, in one or two weights, and use font-display settings that show text immediately.
- Delay non-essential scripts such as chat widgets, heatmaps and extra tracking tags.
Fixing INP: make taps respond instantly
INP problems nearly always come from too much JavaScript running on the phone.
- Remove unused plugins and scripts. Older WordPress sites often load slider, popup and page-builder code on every page.
- Audit third-party tags. Each analytics, ad pixel, chat and review widget adds work. Keep only the ones you actually use.
- Break up long tasks so the browser can respond to taps between chunks of work.
- Keep page builders lean. Deeply nested layouts create huge pages that are slow to update.
- Show feedback immediately, such as a button state or loader, and do heavy processing afterwards.
Fixing CLS: stop the page from jumping
- Give every image and video width and height attributes, or a fixed aspect ratio, so space is reserved.
- Reserve space for ad slots, embeds and cookie banners before they load.
- Don't insert banners or notices above existing content after the page has loaded.
- Use fallback fonts with similar sizing so text doesn't reflow when web fonts arrive.
- Animate with transforms rather than changing sizes and positions of elements.
Speed fixes ranked by impact
| Fix | Main metric helped | Effort | Typical impact |
|---|---|---|---|
| Compress and resize images | LCP | Low | High |
| Remove unused plugins and third-party scripts | INP, LCP | Low–medium | High |
| Page caching and a CDN | LCP | Low | Medium–high |
| Set image and embed dimensions | CLS | Low | High for CLS |
| Better hosting plan | LCP | Medium (₹3,000–₹15,000/year typical upgrade) | Medium–high |
| Rebuild on a lighter theme or custom code | All three | High | High |
If your site needs a rebuild to get fast, weigh that against other problems it may have. Our article on signs your website needs a redesign helps with that decision, and WordPress vs a custom-coded website compares platforms on speed.
Keeping your website fast after launch
Websites slow down over time as people add plugins, large banners and new tracking codes. Build simple habits:
- Compress every image before uploading, not after
- Check Search Console's Core Web Vitals report monthly
- Test speed before and after installing any plugin or widget
- Include a quick speed check in your maintenance routine
Many of these checks belong in your SEO-friendly website launch checklist too.
See a fast website for yourself
The quickest way to understand good Core Web Vitals is to feel them. Open a few demos from the electronics store or hotel and resort sections on your phone and compare them with your current site. If your site feels slow, message Webmaintor on WhatsApp for a speed review with a prioritised fix list.
Frequently asked questions
What is a good PageSpeed Insights score?
A lab score of 90 or above is considered good, but the score is a simulation and can vary between runs. What matters more is the real-user field data at the top of the report. If LCP, INP and CLS are all in the green for mobile, your site is in good shape even if the lab score sits in the 80s.
Why is my website slow on mobile but fast on desktop?
Phones have less processing power than computers and often use slower, less stable connections. Heavy images and JavaScript that a laptop handles easily can make a mid-range phone struggle. Google's mobile tests also simulate slower conditions on purpose. Focus fixes on image sizes, scripts and hosting for mobile users.
Do Core Web Vitals directly affect Google ranking?
They are part of Google's page experience signals, which are considered in ranking, but relevance and helpful content matter much more. Good vitals won't lift a weak page to the top. They can help when competing pages are similar, and they almost always improve how many visitors stay and enquire.
How long does it take for Search Console to show improvements?
Field data is based on the previous 28 days of real Chrome visits, so improvements show gradually. After you fix issues, you can use the validation option in Search Console's Core Web Vitals report, and the tracking period usually takes several weeks to complete. Low-traffic pages may not have enough data to report.
Will a CDN make my Indian website faster?
Often, yes, especially if your hosting server is outside India or you serve customers across many cities. A CDN stores copies of images, scripts and sometimes whole pages on servers closer to visitors. It won't fix oversized images or heavy scripts, though, so combine it with those fixes for the best result.
