Since Google introduced Core Web Vitals as ranking signals, site performance has become more important than ever. These metrics measure real-world user experience - not just how fast a page loads in a lab, but how it actually feels for a visitor sitting at their device.
If your WordPress site scores poorly on Core Web Vitals, you are likely losing rankings and visitors. Here is what the metrics mean and what you can do about them.
The Three Core Web Vitals
Largest Contentful Paint (LCP) measures loading performance - specifically, how long it takes for the largest visible element on the page (usually a hero image or a large heading) to appear. Google wants this to happen within 2.5 seconds.
Interaction to Next Paint (INP) replaced First Input Delay (FID) in 2024. It measures responsiveness - how quickly your page reacts to a user interaction like a click or a tap. A good INP score is under 200 milliseconds.
Cumulative Layout Shift (CLS) measures visual stability - how much the page layout unexpectedly jumps around as it loads. You have probably experienced this: you go to click a button and the page shifts, and you click the wrong thing. Google wants a CLS score under 0.1.
How to Measure Your Scores
Start with Google PageSpeed Insights (pagespeed.web.dev). Enter your URL and it will give you scores for both mobile and desktop, along with specific recommendations for improvement. The "Field Data" section (if available) shows real-world performance from actual visitors, which is what Google uses for rankings.
You can also check your Core Web Vitals in Google Search Console under the "Experience" section, which shows data aggregated across all pages of your site.
Improving LCP
Poor LCP is almost always caused by a slow-loading hero image or render-blocking resources.
- Optimize your hero image. Convert it to WebP format and compress it. A hero image should rarely be larger than 100–150 KB.
- Use a caching plugin. WP Rocket, W3 Total Cache, or WP Super Cache can significantly reduce server response time.
- Enable a CDN. A content delivery network serves your assets from servers geographically closer to your visitors. This matters for Canadian sites where your audience may be spread across a large country.
- Preload your LCP image. Add a preload hint in your theme so the browser fetches the hero image as early as possible.
Improving INP
Slow INP scores are usually caused by too much JavaScript executing on page load, blocking the browser from responding to user input.
- Audit your plugins. Each plugin you add potentially adds JavaScript. Deactivate plugins you are not actively using.
- Defer non-critical JavaScript. WP Rocket and Autoptimize can defer or delay JavaScript files that do not need to run immediately.
- Consider a lighter theme. Heavyweight page builder themes often load significant JavaScript. A leaner theme can make a noticeable difference.
Improving CLS
Layout shift is often caused by images without defined dimensions or ads and embeds that load asynchronously and push content around.
- Always set width and height attributes on images. This lets the browser reserve the correct space before the image loads. WordPress does this automatically in recent versions, but older themes and custom code may not.
- Avoid inserting content above existing content dynamically. Banners, cookie notices, and chat widgets that pop in at the top of the page are common CLS culprits.
- Specify sizes for embeds. If you embed YouTube videos or other content, wrap them in a container with a defined aspect ratio.
Plugins That Help
WP Rocket is the most comprehensive WordPress performance plugin. It handles caching, image lazy loading, JavaScript deferral, and CDN integration in one place. It is a paid plugin (around $59 USD/year) but worth it for sites where performance matters.
Autoptimize is a free alternative that handles CSS and JavaScript optimization well, though it requires more manual configuration.
Imagify or ShortPixel handle image compression and WebP conversion automatically as you upload images to WordPress.
Good hosting is the foundation everything else sits on. At dotCanada, our WordPress hosting is optimized for speed with SSD storage and server-level caching, giving your Core Web Vitals improvements the best possible platform to shine.
