Website Speed and Core Web Vitals: A Plain-English Fix Guide

Visitors judge a website in seconds. If a page is slow, many leave before it finishes loading, and Google has made speed and responsiveness part of how it assesses pages. A faster site keeps more visitors, converts more of them and is easier for search engines to crawl.

What Core Web Vitals are

Core Web Vitals are three measurements Google uses to describe the real-world experience of a page:

• Largest Contentful Paint (LCP): how long the biggest visible element, usually a hero image or main heading, takes to appear. Aim for 2.5 seconds or less.
• Interaction to Next Paint (INP): how quickly the page responds when someone taps or clicks. Aim for 200 milliseconds or less.
• Cumulative Layout Shift (CLS): how much the layout jumps around while loading, such as a button moving just as you tap it. Aim for 0.1 or less.

They are measured on real visitors' devices, which in South Africa often means mid-range phones on mobile data.

How to test your site

• PageSpeed Insights gives lab results and, where available, real-user data for your URL, with specific recommendations.
• Google Search Console has a Core Web Vitals report grouping your pages into good, needs improvement and poor.
• Your own phone on mobile data, away from the office Wi-Fi, is the most honest test.

Test your key pages, such as the home page, a service page and, for stores, a product and checkout page, not just the home page.

The most common causes of slow sites

1. Oversized images.
2. Cheap or distant hosting.
3. Too many plugins or heavy themes.
4. Too much third-party code: chat widgets, trackers, social feeds, ad scripts.
5. No caching.
6. Large web fonts and unoptimised video.
7. Bloated page builders that generate heavy code.

Fix 1: Optimise images

Images are usually the largest files on a page.

• Resize them to the size they are displayed. A 4000-pixel photo shown at 800 pixels wastes bandwidth.
• Compress them. Modern formats such as WebP and AVIF are much smaller than older JPEG and PNG files at similar quality.
• Lazy-load images below the fold so they load only as visitors scroll.
• Set width and height on images so the browser reserves space and the page does not jump, which fixes much of CLS.
• Do not lazy-load the main hero image, because that delays the LCP element.
• Use responsive images so phones download smaller versions.

For online stores, product images are often the largest cost; see how to write product pages that sell.

Fix 2: Use better hosting

A slow server slows everything, however well the site is built.

• Choose hosting with fast servers and current software versions.
• Consider where your servers are. For South African visitors, hosting closer to them, or behind a content delivery network (CDN), reduces delay.
• Avoid overcrowded budget hosting for business sites.
• Use a CDN to serve images and static files from locations near your visitors.

See domains, hosting and business email explained for what to look for.

Fix 3: Turn on caching

Caching stores ready-made versions of pages so the server does not rebuild them for every visitor. Most platforms have built-in or plugin-based caching. Combined with a CDN, it can cut response times dramatically.

Fix 4: Trim code and plugins

• Remove plugins, apps and themes you do not use.
• Replace heavy plugins with lighter alternatives or built-in features.
• Minify and combine CSS and JavaScript where sensible, and defer non-critical scripts.
• Avoid page builders that load large amounts of unused code, or configure them carefully.

Every plugin adds code that has to load, and extra plugins also raise your security and maintenance burden, which we discuss in website maintenance plans explained.

Fix 5: Control third-party scripts

Chat widgets, analytics, heatmaps, social embeds and ad tags often cause poor INP and slow loads.

• List every external script on your site and ask what each is worth.
• Remove those you do not use.
• Load the rest late, or only on pages that need them.
• Replace embedded social feeds and video players with a static image that loads the player when clicked.

Fix 6: Handle fonts and video sensibly

• Limit yourself to one or two font families and only the weights you use.
• Use a modern font format and display a fallback font while the custom one loads.
• Host video on a proper video platform rather than uploading large files to your site, and do not autoplay heavy video on mobile.

Fix 7: Reduce layout shift

• Reserve space for images, ads and embeds with set dimensions.
• Avoid inserting banners or popups above existing content after the page loads.
• Make sure web fonts do not cause the text to reflow dramatically.

Fix 8: Improve responsiveness

If the page loads but feels sluggish when tapped, the cause is usually too much JavaScript running at once. Reduce scripts, break up long tasks and test interactive features, such as menus, filters and checkout, on real mid-range phones.

What speed is worth

Speed alone will not make a poor site rank, but a slow site is held back. For online stores, speed also protects sales at checkout; see why shoppers abandon their carts. In search, speed is one factor among many, alongside relevance and trust, so combine it with the basics in SEO basics for small business websites.

A priority order

If you do not know where to start:

1. Test with PageSpeed Insights and note the top recommendations.
2. Compress and resize images.
3. Remove unused plugins and scripts.
4. Enable caching and a CDN.
5. Upgrade hosting if the server itself is slow.
6. Re-test and repeat on your most important pages.

Then keep checking. Speed degrades over time as content, plugins and tracking codes accumulate, so make it part of your regular maintenance. When a site cannot be made fast without major surgery, that is one of the signs a redesign is due.