Core Web Vitals and web speed: the practical guide for small businesses

I'm Elmar Mamedova, a full stack developer in Malaga, and if there is one conversation I repeat almost every week with small businesses it is this one: "my website takes ages to load and I don't know whether that's costing me clients". The short answer is yes, it's almost certainly costing you money. The long answer has a name of its own: Core Web Vitals.

In this article I explain what Core Web Vitals are and why web speed has such a big impact on both your sales and your Google ranking. I'll do it in clear language, without unnecessary jargon, but going into the detail that actually moves the needle. By the end you will have a list of concrete actions you can ask your developer for, or review yourself this very afternoon.

Core Web Vitals are a set of metrics that Google defined to measure the real experience of a person using your website. They do not measure how pretty it is or how many features it has: they measure whether it loads fast, whether it responds when you click, and whether the elements stay still while you browse. They are the translation into numbers of that feeling of "this website runs smoothly" versus "this website is torture".

The important thing is that Google uses them as a ranking signal within its page experience assessment. They are not the most decisive SEO factor, but when two websites compete for the same searches, the one that offers a better experience has the advantage. And, above all, they are the best compass that exists to know whether or not your website frustrates the people who visit it.

There are three main metrics you should know: LCP, INP and CLS. Each one measures a different part of the experience. Let us look at them one by one, because understanding what they mean is the first step to fixing them.

LCP: how long does the important stuff take to appear?

LCP (Largest Contentful Paint) measures how long the largest visible element on the screen takes to load: usually the main image, a video or a highlighted block of text. It is the "when do I see something useful?" metric. Google considers an LCP below 2.5 seconds to be good. If your website takes 5 or 6 seconds to show the header image, most visitors have already left before ever seeing it.

INP: does it respond when I click?

INP (Interaction to Next Paint) measures how quickly your website reacts to interactions: pressing a button, opening a menu, filling in a form. In 2024 it replaced the old FID metric and it is more demanding. A good INP is below 200 milliseconds. When you press "Buy" and nothing happens for a second, that is a bad INP, and it is one of the most silent causes of abandonment.

CLS: do things move around while I read?

CLS (Cumulative Layout Shift) measures visual stability. Has it ever happened to you that you go to press a button and, right at that moment, the page jumps because an ad or an image has loaded and you end up clicking where you did not want to? That is a high CLS. Google wants a value below 0.1. It is the metric that most annoys the people who use your website, even if they cannot put a name to it.

Let us start with money, which is what really matters to a small business. Google's studies are conclusive: when loading time goes from 1 to 3 seconds, the probability of someone abandoning the page rises by 32 percent. If it goes from 1 to 5 seconds, that bounce shoots up above 90 percent. Every second of waiting is people leaving for the competition.

In e-commerce the effect is direct on revenue. There are analyses showing that a single-second improvement in loading can raise conversions in a measurable way. It is not magic: a fast website conveys trust, reduces friction and lets the person focus on buying instead of on waiting.

And then there is SEO. Google has confirmed in its documentation that page experience, with Core Web Vitals inside it, is a ranking signal. You can dig deeper into how Google frames it in its official developer documentation and in the technical guide from web.dev on Core Web Vitals. A slow website does not only lose clients: it also appears lower in the results, so you lose visits before you even have the chance to convince anyone.

You cannot improve what you do not measure, so the first step is always to diagnose. Google's free, official tool is PageSpeed Insights. You just paste your website URL and in a few seconds it gives you a score from 0 to 100 along with the real values of LCP, INP and CLS.

There is a nuance worth understanding. PageSpeed Insights shows you two types of data. The "lab data" is a simulation under controlled conditions, useful for debugging. The "field data" comes from real users who have visited your website over the last 28 days, and it is what Google actually uses to assess you. If your website has little traffic, field data may not appear yet, and in that case the lab data is your best guide.

I recommend always measuring twice: once on mobile and once on desktop. In Spain more than half of web traffic is already mobile, and it tends to be where the worst numbers are, because connections are slower and phones less powerful. If your website works well on the computer but drags on mobile, you are losing most of your audience.

• Measure the home page, but also the product or service pages and the contact form: each one can have different problems.
• Note down the starting values before touching anything, so you can check the real improvement afterwards.
• Pay more attention to the field data than to the overall score: a lab score of 100 is worthless if real users are suffering.
• Repeat the measurement a week after each change to see the effect on real users.

After auditing dozens of small business websites, I can tell you that the problem is almost always in one of five places. The good news is that they are very recognizable culprits and, once identified, they can be tackled quite effectively.

1. 1Unoptimized images: the number one cause by far. Photos of 4,000 pixels and several megabytes displayed in a small box. The browser downloads the full weight even if it later shrinks it.
2. 2Cheap, overloaded hosting: a low-cost shared server hosting hundreds of websites responds slowly under load. It is the equivalent of setting up your shop in a premises with no light.
3. 3Too many plugins and scripts: every WordPress plugin, every chat, every tracking pixel and every banner adds code that the browser has to download and run.
4. 4Heavy or poorly structured code: generic templates that load features you do not use, huge stylesheets and JavaScript that blocks the screen.
5. 5No caching: without caching, the server rebuilds the entire page on every visit instead of serving a version that is already prepared.

If you recognize yourself in two or three of these points, do not worry: it is completely normal. Most small business websites start out fast and slow down over time as plugins, images and patches pile up. What matters is knowing where to look, and now you do.

Let us get practical. These are the levers that really move the numbers, ordered by their effort-to-result ratio. You do not need to apply them all at once: start with images and hosting, which usually deliver the biggest jump for the least work.

Optimize your images

This is the easiest win. Serve images in modern formats such as WebP or AVIF, which weigh up to 70 percent less than a JPG without any visible loss of quality. Adjust the actual size to the size at which they are displayed and apply lazy loading so that images further down only download when the user reaches them. With this alone many websites go from red to green in LCP.

Choose good hosting

The server is the foundation. Hosting with SSD, guaranteed resources and a good TTFB (server response time) makes the difference. If your audience is in Spain, having the server or a content delivery network (CDN) serve the files from nearby reduces latency. Paying 5 euros more a month on hosting usually pays off far more than any other investment in speed.

Clean up the code and enable caching

• Minify and compress CSS and JavaScript so the browser downloads fewer bytes.
• Remove plugins and scripts you do not use: each one you take out is speed you get back.
• Enable browser and server caching so that returning visitors load almost instantly.
• Load fonts efficiently and prevent them from blocking the rendering of the text.
• Reserve the space for images, ads and banners with fixed dimensions so nothing jumps and to keep CLS low.

Here comes a deeper decision: which technology your website is built with. Not all of them start out equal. A website built with a modern framework such as Next.js comes with speed optimization built in as standard, whereas many traditional templates drag heavy code around from day one.

Next.js optimizes images automatically, splits the code so that each page loads only what it needs, and can generate static pages that are served instantly from a CDN. In practice, this means a website well built with Next.js usually passes Core Web Vitals without heroic efforts, because best practices come set by default instead of having to be added by hand.

I am not saying WordPress is bad: well optimized it can run fast, and for many projects it is the right choice. But it starts at a performance disadvantage compared to a modern approach. If you are interested in comparing both worlds calmly, I develop it in my article on Next.js vs WordPress, and if you want to see real examples you can take a look at my projects.

Speed, moreover, does not live in isolation: it is part of a healthy SEO strategy along with content and technical structure. And if you are considering a new website and want to know what budget to plan for, my guide on how much a website costs in Malaga will be useful.

Core Web Vitals are not a technical exam to impress Google. They are the way to measure whether your website treats the people who enter it well. LCP so they quickly see what matters, INP so everything responds instantly and CLS so nothing jumps while they browse. When those three metrics are in the green, you retain more visits, convert more and rank better.

My advice is simple: measure your website today with PageSpeed Insights, note down the numbers and start with images and hosting. You will see results sooner than you think. And if you would rather have it done by someone who does this every day, I am here to help you make your website fast, stable and ready to sell.