What Core Web Vitals are
Core Web Vitals are three user experience metrics. They measure loading speed, interaction responsiveness, and visual stability.
Your customers feel them as slow pages, laggy buttons, and content that jumps around.
Why you should care
Small delays add friction. Friction increases drop-off. Drop-off costs you leads, sales, and donations.
- If the main content loads late, people leave before they understand your offer.
- If the site feels unresponsive, people stop filling forms and stop trusting checkout.
- If the page shifts, people misclick and lose their place while reading.
The three metrics in plain English
LCP. Largest Contentful Paint
LCP measures how long it takes for the main content to appear. Think hero heading, key image, or the primary block of text.
If LCP is poor, your page feels slow. People bounce before they see what they came for.
INP. Interaction to Next Paint
INP measures how quickly your site responds after a user interacts. Think clicks, taps, typing, opening menus, and submitting forms.
If INP is poor, your website feels broken. Users tap twice. Forms feel sticky. Checkout feels risky.
CLS. Cumulative Layout Shift
CLS measures how much the page moves around during load. Think text shifting, buttons moving, or banners pushing content down.
If CLS is poor, people misclick, lose their reading position, and lose trust.
Targets worth aiming for
Use these as working targets. They are good enough for most small business and charity websites.
- LCP. 2.5 seconds or less.
- INP. 200 milliseconds or less.
- CLS. 0.1 or less.
Where the money leaks
Slow first impression, LCP
- Search and social traffic bounces before seeing your message.
- Paid ads waste budget on users who never reach the offer.
- Your best content still underperforms because it loads late.
Lag during action, INP
- Users abandon forms because typing and validation feels slow.
- Menu and filter interactions feel unreliable.
- Checkout feels unsafe, even when it is technically working.
Jumpy layout, CLS
- Users click the wrong thing because buttons move.
- Users lose their place when reading longer pages.
- Cookie banners and widgets shove content around at the worst moment.
How to measure without drowning in data
Use real user data where possible. It reflects what visitors experience on real devices and networks.
- Use Search Console to see groups of affected pages and a rough sense of scale.
- Use lab tools such as Lighthouse to diagnose causes and test improvements.
Fix order that tends to work
Fixing everything everywhere is slow. Focus on the pages that matter.
- Start with top entry pages. Homepage, top service pages, campaign pages.
- Next, fix conversion pages. Forms, donate, checkout, contact.
- Then set budgets and rules so speed does not drift after future edits.
Quick fixes that usually improve LCP
- Optimise the hero image. Use correct dimensions, strong compression, and modern formats.
- Avoid loading heavy scripts before the main content appears.
- Reduce render blocking CSS and JavaScript.
- Improve server response time with caching and a CDN where appropriate.
- Remove or delay third-party tags that do not support your main goal.
Quick fixes that usually improve INP
- Reduce JavaScript shipped to the browser. Remove unused code and heavy libraries.
- Break up long running tasks. Avoid big chunks of work on the main thread.
- Defer non-essential scripts until after key interactions.
- Audit third-party widgets, chat, tracking, and A/B tools. They often cause the lag.
Quick fixes that usually improve CLS
- Set width and height for images and embeds so the browser reserves space.
- Reserve space for banners and dynamic blocks. Do not insert content above existing content after load.
- Avoid late font swaps that change text size and spacing.
- Keep cookie banners and pop-ups from pushing content around.
Budgets that keep your site fast
A site slows down over time when nobody defends it. Budgets keep edits honest.
- Page weight budget per page type.
- A cap on third-party scripts, with a quarterly review.
- A checklist for new content, images, video, embeds, and fonts.
Next step
If your site feels slow or unreliable, a short performance audit should identify the main causes and produce a prioritised fix plan. You do not need a rebuild to see meaningful improvement.