Slow websites cost you visitors, enquiries and revenue. With the Core Web Vitals, Google measures how fast and stable a page feels to real users. This guide explains the three metrics, shows you how to measure them correctly, and lists the measures that make the biggest difference on WordPress websites.
In short: The Core Web Vitals measure loading time (LCP), responsiveness (INP) and visual stability (CLS). Good values are an LCP of up to 2.5 seconds, an INP of up to 200 milliseconds and a CLS of up to 0.1, measured at 75 percent of real page views. The most effective levers on WordPress are a fast server response, page caching, optimised images, less JavaScript and fixed dimensions for images and embeds.
What are the Core Web Vitals?
The Core Web Vitals are three metrics Google uses to assess the user experience of a web page: How quickly does the main content appear, how quickly does the page respond to input, and how stable does the layout stay while loading? Since March 2024, Interaction to Next Paint (INP) has replaced the former First Input Delay (FID) metric.
| Metric | What it measures | Good | Needs improvement | Poor |
|---|---|---|---|---|
| Largest Contentful Paint (LCP) | Loading time of the largest visible element, usually the hero image or heading | up to 2.5 s | 2.5 to 4 s | over 4 s |
| Interaction to Next Paint (INP) | Response time to clicks, taps and keyboard input | up to 200 ms | 200 to 500 ms | over 500 ms |
| Cumulative Layout Shift (CLS) | Unexpected shifting of content while the page loads | up to 0.1 | 0.1 to 0.25 | over 0.25 |
How do you measure the Core Web Vitals correctly?
What counts is field data from real visitors, not individual lab measurements. Google evaluates the data from the Chrome User Experience Report over a rolling 28-day period and looks at the 75th percentile. Lab tools such as Lighthouse help with troubleshooting, but they only reflect a single simulated page view.
- PageSpeed Insights: shows field data (provided there are enough visitors) and a lab measurement with concrete recommendations.
- Google Search Console: The “Core Web Vitals” report groups all URLs on your website into good, needs improvement and poor.
- Lighthouse in Chrome: lab measurement for troubleshooting directly in the browser.
- Web Vitals extension: shows the values in real time as you browse.
How do you improve Largest Contentful Paint (LCP)?
You improve LCP mainly through a fast server response and a quickly loading main element. On WordPress, the time to first byte (TTFB) often accounts for half of it: without page caching, WordPress has to rebuild every page from PHP and the database on every request.
- Enable page caching so that finished HTML pages are served directly.
- Use a current PHP version, OPcache and, for large websites, an object cache (e.g. Redis).
- Do not delay the LCP image with lazy loading, and load it with high priority (fetchpriority).
- Deliver images in modern formats such as WebP or AVIF and in the right size.
- Use a CDN for images, CSS and JavaScript, especially if you have visitors from several countries.
- Host web fonts locally, preload them and include them with font-display: swap.
- Reduce render-blocking CSS and remove stylesheets you do not need.
How do you improve Interaction to Next Paint (INP)?
A poor INP is almost always caused by too much JavaScript blocking the browser while users click or tap. On WordPress, these scripts usually come from page builder add-ons, sliders, chat widgets, tracking codes and cookie banners. Every script that is not loaded improves responsiveness.
- Remove plugins whose functionality is not really needed.
- Load third-party scripts such as chat, maps or videos only on interaction or after the page has loaded.
- Load JavaScript only on the pages where it is needed.
- Identify long tasks in the browser (Chrome DevTools, Performance panel) and replace whatever causes them.
- Use animations and effects sparingly, especially on mobile devices.
How do you improve Cumulative Layout Shift (CLS)?
You prevent layout shifts by reserving space in advance for every element that loads later. Typical causes are images without dimensions, banners that appear late, embedded videos, and web fonts that change the text width after loading.
- Always give images and videos a width and height or a fixed aspect ratio.
- Show cookie banners as an overlay instead of pushing content down.
- Reserve space for ads, maps and embeds using CSS.
- Do not insert content above areas that are already visible.
- Combine web fonts with suitable fallback fonts of similar dimensions.
In what order should you proceed?
Start with the measures that have the biggest impact for the least effort. The following table shows a proven order for typical WordPress business websites.
| Measure | Improves | Impact | Effort |
|---|---|---|---|
| Set up page caching | LCP | high | low |
| Compress images, WebP, suitable sizes | LCP | high | low to medium |
| Specify image dimensions in the HTML | CLS | high | low |
| Remove unnecessary plugins and scripts | INP, LCP | high | medium |
| Delay loading of third-party scripts | INP | medium to high | medium |
| Use a CDN | LCP | medium | low |
| Modernise hosting and PHP version | LCP | high | medium |
Which WordPress bottlenecks occur most often?
- No caching, or incorrectly configured caching.
- Uncompressed images straight from the camera or a stock photo library.
- Page builders with many add-on modules that are loaded on every page.
- Sliders and videos in the top area of the screen.
- Outdated PHP versions and overloaded, cheap shared hosting plans.
- A large number of tracking and marketing scripts.
Why are mobile values worse than on desktop?
Mobile values almost always turn out worse because smartphones have less processing power and often load over slower mobile connections. For search, Google primarily evaluates the mobile version of a website. You should therefore optimise for mobile devices first – improvements there almost always benefit the desktop as well.
JavaScript slows things down particularly on mobile devices: a script that takes 50 milliseconds on desktop can take many times that on an average smartphone. So check specifically which elements are really needed on mobile. Large background videos, elaborate animations and sliders with many images can often be replaced on small screens by a single, well-compressed image without the page losing impact.
How important are the Core Web Vitals for SEO?
The Core Web Vitals are a confirmed, but not the most important, ranking factor. The relevance and quality of your content count for more. With similarly good content, however, the better user experience can tip the balance. Regardless of ranking, fast loading times have a direct effect on bounce rate, enquiries and sales – especially on mobile devices.
Frequently asked questions about Core Web Vitals
How quickly do improvements take effect?
Lab measurements show improvements immediately. The field data in PageSpeed Insights and Search Console is based on a 28-day period, so it can take up to four weeks for the values to update fully.
Do I need a caching plugin?
Yes, unless your hosting provides server-side caching. Page caching is the most effective single measure for LCP on WordPress. It is important to use only one caching solution so that plugins do not interfere with each other.
Why do PageSpeed values fluctuate with every measurement?
The lab measurement simulates an average mobile device and is susceptible to network and server fluctuations. For decisions, the field data from the last 28 days is more meaningful than a single score.
Does my website have to reach 100 points in PageSpeed?
No. What matters is that all three Core Web Vitals are in the green range. A score between 80 and 100 is a realistic and sufficient goal for most business websites.
Does a CDN help with the Core Web Vitals?
A CDN shortens the distance for images, stylesheets and scripts and thereby mainly improves LCP. It has the greatest effect for visitors from several countries and on image-heavy pages.
Conclusion
Good Core Web Vitals on WordPress are no coincidence, but the result of a few consistently implemented measures: caching, optimised images, lean plugins and reserved space for content that loads later. It is important to keep an eye on the values after every update, because new plugins and scripts gradually make them worse. Our WordPress performance optimisation measures, optimises and keeps the results stable over the long term.
More posts
WordPress Maintenance: Do It Yourself or Outsource? The ComparisonWhat WordPress maintenance includes, how much time it takes and when an external maintenance service is worthwhile –…
WordPress Hacked – What to Do? A Step-by-Step GuideHow to recognise a hack, what to do in the first hour, how to remove malware, close the…
How often should you update WordPress?How often you should update the WordPress core, plugins and themes, how a safe update works and when…Updates, backups and security – handled by us
From €39/month, cancel monthly, hosting-independent.
