Performance
Core Web Vitals for Small Business Websites: What the Numbers Mean and How to Fix Them
Speed is one of those things customers never mention but always feel. A slow page on a phone gives visitors a reason to leave before they read about your services, and Google measures that experience too. Core Web Vitals turn "is my site fast?" into three numbers you can check and improve.
What are Core Web Vitals?
Core Web Vitals are a set of metrics from Google that measure real-world user experience for loading performance, interactivity, and visual stability. Google says it highly recommends that site owners achieve good Core Web Vitals, and that this, along with other page experience aspects, aligns with what its core ranking systems seek to reward.
That doesn't mean speed beats content. A fast page with nothing useful on it won't rank. But between pages of similar quality, a better experience helps, and it helps your visitors whatever Google does.
The three metrics in plain language
| Metric | What it measures | Good | What it feels like when it's bad |
|---|---|---|---|
| LCP, Largest Contentful Paint | How long until the main content (often the hero image or headline) appears | 2.5 s or less | A blank or half-loaded screen |
| INP, Interaction to Next Paint | How quickly the page responds when you tap or click | 200 ms or less | Tapping a menu and nothing happens |
| CLS, Cumulative Layout Shift | How much the layout jumps around while loading | 0.1 or less | The button moves just as you tap it |
The thresholds come from Google's web.dev guide, which recommends measuring them at the 75th percentile of page loads, separately for mobile and desktop. In other words, most of your real visitors, not only those on fast connections, should get a good experience.
How to check your website for free
- PageSpeed Insights. Open pagespeed.web.dev, paste a page address and run the test. The top section shows field data from real Chrome users when your site has enough traffic; the lower section is a lab test with specific suggestions. If no field data appears, your site doesn't yet have enough Chrome traffic, so use the lab results and test on a real mid-range phone.
- Google Search Console. Once your site is verified in Search Console, the Core Web Vitals report groups your pages into good, needs improvement and poor, based on real visits.
- Lighthouse in Chrome. Developers can run Lighthouse from Chrome DevTools to test changes before publishing them. A Lighthouse page-load test measures LCP and CLS but can't measure INP, so it reports Total Blocking Time as a stand-in; confirm INP with field data.
Test your most important pages, such as the home page and main service pages, and always look at the mobile results first.
Fixing slow loading (LCP)
On small business websites, slow LCP usually comes from a handful of causes:
- Huge images. A photo straight from a phone or camera can be many times larger than needed. Resize images to the size they're displayed at and use modern formats like WebP or AVIF.
- The hero image loading late. The main image above the fold should load first: don't lazy-load it, and consider preloading it or adding
fetchpriority="high"to the image tag. - Slow hosting. Cheap, overloaded servers take a long time to start sending the page (the "time to first byte"). Good hosting and caching make a visible difference.
- Render-blocking files. Large CSS and JavaScript files in the page head delay everything. Keep them lean and load non-essential scripts later.
Google's guide to optimising LCP goes deeper if you want the technical detail.
Fixing slow responses (INP)
Poor INP means the browser is busy running JavaScript when the visitor tries to interact. Typical culprits on business sites:
- Too many third-party scripts: chat widgets, several analytics tools, ad pixels, social embeds. Each one competes for the same processor.
- Heavy page builders and sliders that run lots of code on every page.
- Large JavaScript bundles loaded on pages that don't need them.
The simplest fix is often removal: audit every script and keep only those you actually use.
Fixing layout jumps (CLS)
- Always give images and videos a width and height, so the browser reserves space before they load.
- Reserve space for cookie banners, promotion bars and embeds instead of pushing content down when they appear.
- Load web fonts so text doesn't jump when they arrive: preload the main font file and use a fallback font adjusted to the same size (CSS
size-adjust), or usefont-display: optional. On its own,font-display: swapkeeps text visible but can still shift it.
Fix or rebuild?
Many problems can be fixed on an existing site: compressing images, removing scripts, adding image dimensions and enabling caching. But if a site is built on a heavy theme with many plugins, or the code is hard to change, the fixes can turn into an endless patch job. In that case a lighter rebuild, with one clear page per service and only the code you need, can be cheaper over time and easier to keep fast.
Whichever route you take, measure before and after. Core Web Vitals give you a simple, objective way to check that the work actually improved the experience for your visitors.
