What Core Web Vitals actually are and why they matter
Google introduced Core Web Vitals as a set of real-world performance metrics that measure how a page actually feels to use, not just how fast it loads in a controlled test. There are three primary metrics.
LCP, or Largest Contentful Paint, measures how long it takes for the largest visible element on a page to load. Usually this is a hero image, a heading, or a large block of text. A good LCP score is under 2.5 seconds.
INP, or Interaction to Next Paint, replaced the older FID metric in 2024 and measures how responsive a page is to user interactions. Click a button, tap a link, submit a form. INP measures the time between that action and the next visual response from the page. A good score is under 200 milliseconds.
CLS, or Cumulative Layout Shift, measures visual stability. If elements on your page move around while it loads, pushing text or buttons out of position, that's a layout shift and Google penalises it. A good CLS score is under 0.1.
These three metrics feed into Google's Page Experience signal, which contributes to search rankings. But beyond rankings, they have a direct commercial impact. Pages with poor Core Web Vitals scores have higher bounce rates, lower engagement, and lower conversion rates. Slow, unstable, unresponsive pages lose customers before those customers have made any decision about the product or service on offer.
Why WordPress Core Web Vitals scores are often poor out of the box
WordPress itself isn't slow. But the way a lot of WordPress sites are built and maintained produces slow, poorly performing pages.
The most common culprits are unoptimised images, too many plugins loading scripts and stylesheets on every page regardless of whether they're needed, poorly configured hosting, themes with excessive front-end bloat, render-blocking resources that delay how quickly the browser can display the page, and no caching setup to reduce the load on the server for returning visitors.
Most of these problems are fixable. None of them require rebuilding the site from scratch. WordPress Core Web Vitals optimisation is largely a process of identifying what's causing the problem, removing or fixing it, and then measuring the impact.
Here's how to work through it systematically.
Start with a proper audit before touching anything
The worst approach to WordPress performance optimisation is making changes based on assumptions and then hoping the score improves. Start with data.
Google Search Console has a Core Web Vitals report that shows real-world performance data based on actual user visits to your site, broken down by mobile and desktop. This is field data, and it's more reliable than any lab test because it reflects how real people on real devices and real connections experience the site.
Google PageSpeed Insights gives you both field data (where available) and lab data, along with specific recommendations for what to fix and an estimate of how much impact each fix would have. GTmetrix and WebPageTest provide additional detail, including waterfall charts that show exactly what's loading, in what order, and how long each resource takes.
Run all of these before making any changes. Know where the problems are and how severe they are before deciding where to start.
How to improve LCP on WordPress
LCP is usually the most impactful metric to fix because it's the one most directly felt by users as a page "feeling slow."
The most common LCP element on a WordPress site is the hero image. If that image is large, unoptimised, or loaded lazily (so the browser deprioritises it), the LCP score suffers immediately.
The fixes for LCP come down to a few things. Serve images in modern formats like WebP rather than JPEG or PNG. Compress images properly without losing visible quality. Make sure the LCP image is not lazy-loaded. Use a preload hint in the page head to tell the browser to prioritise loading it before anything else.
Beyond images, hosting plays a significant role in LCP. A slow server response time (TTFB, or Time to First Byte) will hold back your LCP regardless of what else you do. If your server is taking more than 600 milliseconds to respond, that's a hosting problem. Moving to a faster hosting environment, using a CDN to serve assets from servers closer to your users, or implementing server-side caching will reduce TTFB and bring LCP down with it.
Page caching is one of the most straightforward wins available for WordPress LCP. Plugins like WP Rocket, W3 Total Cache, or LiteSpeed Cache (if supported by your host) can dramatically reduce the time it takes for WordPress to generate and serve a page to a returning visitor.
How to improve INP on WordPress
INP is the newest of the three metrics and often the least understood. It measures how quickly the page responds to user interactions, which in practice means how much JavaScript is blocking the browser's main thread.
Excessive JavaScript is almost always the root cause of a poor INP score on WordPress. Plugins are the most common source. Many WordPress plugins load scripts on every page of the site regardless of whether they're needed on that particular page. A contact form plugin that loads its scripts on the homepage. A slider plugin that's only used on one page but fires its assets everywhere. A live chat widget that executes heavy scripts before the user has done anything.
The fix has two parts. First, identify which scripts are causing the problem using Chrome DevTools or the performance profiler in PageSpeed Insights. Second, remove or defer the scripts that aren't needed.
Plugins like Asset CleanUp or Perfmatters allow you to disable scripts and stylesheets on a per-page basis, which means the resources only load where they're actually required. This alone can have a significant impact on INP scores for sites that have accumulated a lot of plugins over time.
Deferring non-critical JavaScript so it loads after the page is interactive is another effective approach. Most caching plugins include options for deferring and delaying scripts. The goal is to make sure the browser's main thread is free to respond to user interactions as early as possible.
How to improve CLS on WordPress
CLS is caused by elements that move as the page loads. The most common causes on WordPress sites are images without defined dimensions, web fonts that swap after the page renders, and elements injected by third-party scripts.
Images without explicit width and height attributes are the easiest fix. When the browser doesn't know how large an image will be before it loads, it can't reserve space for it. Everything around it shifts when the image appears. Adding dimensions to image markup, or using CSS to define aspect ratios, resolves this.
Font swapping happens when a page loads with a system font and then swaps to a web font once it's downloaded. That swap shifts text and anything that depends on it. Using font-display: swap in your CSS with properly preloaded fonts, or hosting web fonts locally rather than loading them from Google Fonts, reduces the impact of this significantly.
Third-party scripts, particularly ads, live chat widgets, and social embeds, are frequent CLS offenders. Where possible, reserve space for them in the layout so the surrounding content doesn't shift when they load.
WordPress page speed optimisation beyond the three metrics
Improving your Core Web Vitals scores is partly about the three specific metrics and partly about the general health of how the site loads. A few things worth doing as part of any WordPress performance optimisation that sit adjacent to the Core Web Vitals work.
Clean up the database regularly. WordPress databases accumulate post revisions, transients, and orphaned data from deleted plugins. A bloated database adds overhead to every page request. Plugins like WP-Sweep or WP Optimize can handle this without much effort.
Use a CDN. A content delivery network serves your static assets from servers geographically close to your visitors. If your hosting is in the UK and a significant portion of your audience is in the US or Australia, a CDN reduces latency meaningfully.
Review your hosting. Many Core Web Vitals problems can be traced back directly to shared hosting with insufficient resources. Managed WordPress hosting from providers like Kinsta, WP Engine, or Cloudways is faster, better configured for WordPress, and usually worth the cost increase for any business site that's actively used for lead generation or ecommerce.
Enable GZIP or Brotli compression. This reduces the file size of HTML, CSS, and JavaScript before it's sent from the server to the browser. Most hosts support it but don't always enable it by default.
How to track improvements over time
Core Web Vitals optimisation is not a one-time task. The scores you achieve after a round of fixes will shift as the site is updated, plugins are added, and content grows. Build monitoring into how the site is managed.
Google Search Console's Core Web Vitals report updates based on 28-day rolling field data. Check it regularly, not just after a performance sprint. PageSpeed Insights gives you an immediate snapshot whenever you need to investigate a specific page.
Set thresholds. If your LCP drops above 2.5 seconds or your INP creeps above 200ms, treat it as something to investigate and fix rather than something to tolerate until it becomes a bigger problem. The sites that perform consistently well aren't the ones that did a big optimisation project once. They're the ones where performance is treated as an ongoing responsibility.
The commercial case for investing in this
A site with strong Core Web Vitals scores ranks better than an equivalent site without them, assuming everything else is roughly equal. That's a direct SEO advantage that compounds over time.
But even beyond rankings, the user experience impact is commercial. Faster pages have lower bounce rates. More responsive pages have higher engagement. Stable layouts don't frustrate users into leaving before they've converted. Every improvement to Core Web Vitals on a WordPress site is, in practice, an improvement to the conditions under which the site does its job.
For most businesses, their website is the hardest-working member of the commercial team. Making it faster and more stable is one of the most straightforward investments available.
Published by CreativePixels — a Manchester-based digital agency specialising in design, build, and growth for ambitious UK businesses.
