A slow website quietly costs you business. Visitors leave before the page appears, contact forms are never reached, and Google gives some preference to pages that offer a good experience. Google measures that experience with three Core Web Vitals. This guide explains what they mean in plain language, how to check your own site, and the fixes that make the biggest difference — including what we found when we rebuilt our own website.
The three Core Web Vitals
Google considers a page to offer a good experience when at least 75% of real visits meet these targets:
- Largest Contentful Paint (LCP) — loading: the main content, usually the hero image or headline, appears within 2.5 seconds.
- Interaction to Next Paint (INP) — responsiveness: the page reacts to taps, clicks, and typing within 200 milliseconds. INP replaced the older First Input Delay metric in March 2024.
- Cumulative Layout Shift (CLS) — visual stability: the layout does not jump around while loading; the score should stay below 0.1.
Why speed matters for leads
- Visitors are impatient, especially on mobile connections. Every extra second increases the chance they go back to the search results — often to a competitor.
- Google uses page experience as one of many ranking signals. Great content still wins, but between similar pages, the faster one has an edge.
- Layout shifts cause mistakes and frustration: a button moves just as someone taps it, and they hit the wrong thing.
- Speed builds trust. A fast, stable site feels professional before a visitor has read a word.
How to check your site
- Open PageSpeed Insights (pagespeed.web.dev) and enter your address. The top section shows real-user data from Chrome users, if your site has enough traffic; the lower section is a lab test of the page.
- In Google Search Console, the Core Web Vitals report groups your pages into good, needs improvement, and poor.
- Test on a real mid-range phone over mobile data — that is how many of your visitors experience your site.
The fixes that matter most
Images
Images are usually the heaviest part of a page.
- Serve modern formats such as WebP or AVIF and size them for the screen — a phone does not need a 1920-pixel photo.
- Lazy-load images below the first screen, but load the main hero image immediately with high priority.
- Always set width and height so the browser reserves space and the layout does not jump.
CSS and fonts
- Remove unused CSS. Website themes often ship hundreds of kilobytes of styles for features you never use.
- Host fonts yourself, load only the weights you need, and use `font-display: swap` so text appears immediately.
- Cut icon fonts down to the icons you actually use, or replace them with SVG icons.
JavaScript
- Load third-party scripts — analytics, chat widgets, trackers — after the page has loaded, and question whether you need each one.
- Avoid heavy animation libraries for small effects.
- Remove "loading screens" that hide the page until everything has downloaded; they make the site feel slower, not faster.
Server and caching
- Use compression and HTTP/2 or HTTP/3, and serve static files with long browser-cache lifetimes.
- Use a hosting setup close to your visitors, or a CDN.
- Make sure the server responds quickly — slow database queries on every page view add delay before anything else can start.
A real example: our own website
When we reworked our own site, the starting point was a typical theme-based build: a full-screen loading animation, around 480 KB of stylesheets loaded in a chain of six files, about 230 KB of icon fonts for a few dozen icons, and large images loaded all at once. Measured with the same Lighthouse test before and after:
- page weight on the home page dropped from about 2.9 MB to 0.5 MB;
- layout shift went from over 1.1 (the page visibly jumped) to 0;
- the mobile performance score rose from 22 to 67 in our test environment, and accessibility and SEO scores reached 98–100.
None of this required a redesign — just removing waste and loading things in the right order.
Where to start
Begin with the pages that bring in leads: your home page, your main service pages, and your contact page. Fix images and layout shift first; those are usually the quickest wins. Then work through scripts and CSS.
If your website feels slow or your PageSpeed scores are in the red, our web development team can audit and speed it up — or rebuild it on a faster foundation. Ask us for a speed review. Thinking about a new site instead? See how much a website costs in 2026.
