Skip to content
AKS Techies
Business

Core Web Vitals for Small Business Websites: What to Fix First

A practical guide to measuring Core Web Vitals on small-business websites, finding the biggest mobile and desktop problems, and prioritising fixes that improve customer journeys.

By AKSTechies · · 9 min read

A small business website shown on a laptop and phone beside simple indicators for loading speed, responsive interactions and stable page layout.

A slow website does more than test a visitor's patience. It can make a product feel harder to buy, a booking form harder to use, or a service business harder to contact. Yet many small businesses judge speed from one Lighthouse score or a quick test on an office laptop. That is only part of the picture.

Google's Core Web Vitals give site owners three practical ways to check whether pages load, respond and stay visually steady for real visitors. You do not need to rebuild a website or buy a monitoring platform to begin. Start with the pages that matter to customers, find the biggest problem and fix it in a measured order.

What Core Web Vitals measure

Core Web Vitals are Google's current set of user-experience measurements for loading performance, interactivity and visual stability. They are based on real visits as well as controlled tests. The three metrics are:

MetricPlain-English meaningGood target Largest Contentful Paint (LCP)How quickly the main visible content appears, such as a hero image or large heading.2.5 seconds or less Interaction to Next Paint (INP)How quickly the page visibly responds after a visitor taps, clicks or types.200 milliseconds or less Cumulative Layout Shift (CLS)How much visible content moves unexpectedly while the page loads or updates.0.1 or less

Google evaluates these metrics at the 75th percentile, separately for mobile and desktop. In everyday terms, at least three out of four measured visits should be at or better than the target. A page that is quick on a new office computer can still be frustrating on a mid-range phone or a slower connection.

Why a small business should pay attention

Think about a customer trying to compare two local services, add an item to a basket or request an appointment. If the main information appears late, the enquiry button freezes, or the page jumps just as they tap it, the website is adding friction to a task the customer wanted to finish.

That is the business case: make important journeys easier to complete. Better loading and interaction can support customer experience, but a good Core Web Vitals result does not guarantee more sales or a higher search position. Google says its ranking systems consider many signals and that good Core Web Vitals alone do not guarantee good rankings. Useful content, clear prices, trust, availability and a straightforward offer still matter.

Performance is especially worth reviewing when a business relies on mobile visitors, paid landing pages, product catalogues, online bookings or enquiry forms. It is less useful to chase a perfect score on a page that customers rarely visit while the checkout remains slow.

Measure the experience before changing the site

Use two kinds of evidence. Field data comes from real visitors using different devices and connections. Lab data comes from a controlled test that helps reproduce and diagnose a problem. They answer different questions, so do not treat them as interchangeable.

  1. Open the Core Web Vitals report in Google Search Console. Review mobile and desktop separately. The report uses anonymised Chrome User Experience Report (CrUX) data and groups similar URLs that share an issue. Start with the groups marked Poor, then Needs improvement.
  2. Test representative pages in PageSpeed Insights. Run a key service page, a product or booking page, and the main contact or checkout journey. Review both the field-data section and the Lighthouse lab diagnostics. If field data is unavailable, the page may not have enough real-user samples; use the lab test as a starting point rather than assuming the page is healthy.
  3. Record the exact page and device. Note the metric, its 75th-percentile value, the affected template and the suggested cause. A report for the whole site can hide the fact that product pages are slow while simple information pages are fine.

CrUX field data represents a rolling 28-day period, so it will not show the full effect of a change immediately. PageSpeed Insights may show both kinds of data; its Lighthouse performance score summarises a lab run and is not a substitute for the field assessment. Use lab data to investigate today; use field data to check whether visitors' experience improves over time.

Fix the biggest problem first

Do not begin by installing several optimisation plugins or asking a developer to rewrite the entire site. Match the fix to the metric and check that it improves the page customers actually use.

Improve LCP: show the main content sooner

The largest element near the top of a page is often a banner image, product image or large heading. If it appears late, visitors may see an empty area while the page is technically still loading.

  • Resize large images to the dimensions they are actually displayed at, and use a modern compressed format where the platform supports it.
  • Do not lazy-load the main image that is visible immediately when the page opens. Lazy loading is usually more suitable for images further down the page.
  • Remove scripts and styles that block the first visible content. Ask whether every chat widget, animation, review badge or marketing tag needs to load before the customer can read the page.
  • Check hosting response time and caching. If the server is slow before it sends the page, image compression alone will not solve the delay.

For a shop, start with the homepage banner and first product image; for a service company, check the hero section and booking control.

Improve INP: make taps and clicks feel immediate

INP looks at how the page responds throughout a visit, not just the first click. A page may load quickly but feel stuck when a visitor opens a menu, filters products, submits a form or changes a booking date.

  • Review third-party scripts such as chat, heatmaps, advertising tags and social widgets. Remove tools that are no longer used and delay non-essential ones where safe.
  • Ask the developer to inspect long JavaScript tasks and heavy event handlers. Large scripts can keep the browser's main thread busy, delaying visible feedback.
  • Test the real actions that matter: open the menu, select a product option, add to basket, change a date and submit a form. Do this on an ordinary mobile device, not only a powerful desktop.
  • Keep the interface responsive while work continues. A clear loading state or immediate confirmation can help, but it should reflect what the system is actually doing.

If a third-party booking or payment widget is slow, ask its provider about performance and support. If you cannot change it, decide whether the feature is essential or whether a lighter alternative would work.

Improve CLS: stop the page jumping around

Unexpected movement can cause a visitor to tap the wrong link or lose their place. It often comes from images without reserved dimensions, late-loading banners, embedded maps, ads or fonts that change the size of text.

  • Set image and video dimensions, or reserve their space with an aspect ratio, so the page knows how much room to leave before the file arrives.
  • Reserve space for cookie notices, chat panels, maps, reviews and other content that appears after the page begins loading.
  • Avoid inserting a promotion above the content after a visitor has started reading. If a banner is necessary, plan its space into the initial layout.
  • Check font loading and fallback fonts. A large change in text size can move nearby buttons and paragraphs.

Do not remove consent, security or accessibility features to improve a metric; fix how they load and reserve space for them.

A practical 30-day improvement plan

  1. Week 1 — choose the journey. List the three to five pages most closely tied to enquiries, bookings or sales. Capture Search Console field data and run PageSpeed Insights on each page, on mobile and desktop.
  2. Week 2 — agree on the first fixes. Ask your website provider to identify the main cause for the worst metric on the most important page. Request a short list of changes, expected side effects and an estimate before approving a larger rebuild.
  3. Week 3 — Make and test the change. Change one group of issues at a time. Re-run the same lab tests and complete the same customer journey. Check that forms, checkout, analytics, consent controls and mobile navigation still work.
  4. Week 4 — Document and monitor. Record what changed, who owns it and the before-and-after results. Keep checking Search Console as the rolling field-data window updates; do not label a fix a failure because the report has not changed the next morning.

A brochure site may need only routine maintenance; a large catalogue or custom booking system may need a staged project. The schedule is a planning aid, not a promise that every site will meet every target in four weeks.

What will it cost?

Start with Search Console and PageSpeed Insights before buying monitoring software. Early fixes may be simple: resize images, remove unused plugins or reserve space for embeds.

Costs rise when the cause sits in a custom theme, a large application, hosting limits or a third-party tool. A content delivery network premium optimization service or real-user monitoring product may add recurring fees. Ask providers to separate diagnosis, implementation and monitoring; several warnings do not automatically justify a full redesign.

Measure business results as well as technical scores

Keep a simple record of the Core Web Vitals status for the key page groups, but also watch the task the page is meant to support. For an enquiry page, compare successful form submissions with relevant visits. For an online shop, review add-to-cart and completed checkout. For a booking site, look at completed bookings rather than button clicks alone.

Compare similar periods and note campaign, pricing or seasonal changes; an improved conversion rate does not prove speed was the only cause. Our GA4 lead-tracking guide explains how to measure real enquiries. Pair performance work with the separate website accessibility checklist.

Common mistakes to avoid

  • Chasing a 100 score. A lab score can vary between runs. Focus on the real-user metrics and the pages that matter to customers.
  • Optimising only the homepage. Product pages, forms, checkout and booking flows may use different templates and third-party tools.
  • Changing everything at once. If several plugins, scripts and hosting settings change together, it becomes harder to tell which change helped or broke something.
  • Assuming a plugin fixes every site. Optimisation plugins can conflict with themes, payment flows, consent tools or dynamic content. Back up first and test important journeys after changes.
  • Expecting instant field-data results. Real-user reporting uses a rolling window and may have insufficient samples for low-traffic pages.

Conclusion

Core Web Vitals are most useful when they help a business find friction in a real customer journey. Start with the Search Console report, test important pages in PageSpeed Insights, and distinguish real-user data from a controlled lab score. Then fix the largest loading, interaction or layout problem before paying for a wider rebuild.

A fast website is not a strategy on its own. It should make it easier to understand an offer, contact the business, book or buy. Measure those outcomes alongside technical improvements and focus on the pages customers use.

Further reading

Related articles

Let's talk

Have an idea? Let's figure out how to build it.

You don't need a technical specification or a perfectly defined plan. Tell us what you're trying to achieve, and we'll help identify the next steps.