Core Web Vitals explained for WordPress site owners

Core Web Vitals are Google's way of measuring how a page feels to a real visitor: how quickly the main content appears, how quickly the page responds when you tap something, and whether things jump around while it loads. They're part of how Google assesses page experience, and more importantly, they line up closely with whether visitors stay or leave.

There are three metrics.

LCP: Largest Contentful Paint

What it measures: how long it takes for the largest element on screen, usually the hero image or main heading, to appear.

Good: 2.5 seconds or less.

Common WordPress causes of slow LCP:

• A slow server response, often from no page caching or underpowered hosting
• A large, unoptimised hero image
• The hero image being lazy-loaded, which tells the browser to load it later
• Sliders and animations that hide the main content until scripts run

Fixes: caching, a properly sized hero image in WebP or AVIF, and making sure the hero isn't lazy-loaded. WordPress adds fetchpriority="high" to the image it thinks is most important, but page builders and plugins can interfere, so it's worth checking.

INP: Interaction to Next Paint

What it measures: how quickly the page visibly responds after a tap, click or key press, across the whole visit. INP replaced the older First Input Delay metric in March 2024.

Good: 200 milliseconds or less.

Common WordPress causes of poor INP:

• Heavy JavaScript from plugins, sliders and add-on packs
• Third-party scripts: chat widgets, ad scripts, multiple analytics tools
• Large, complex pages where every interaction triggers a lot of work

Fixes: remove plugins you don't need, delay non-essential third-party scripts until the user interacts, and simplify heavy pages.

CLS: Cumulative Layout Shift

What it measures: how much the page jumps around while loading. You know the feeling: you go to tap a button and an image loads above it, pushing it down.

Good: 0.1 or less.

Common WordPress causes of layout shift:

• Images and embeds without width and height set
• Web fonts swapping in and changing the size of text
• Cookie banners, notification bars and ads that push content down

Fixes: always set image dimensions, reserve space for embeds and banners, and keep fallback fonts close in size to your web fonts.

How to check your scores

• PageSpeed Insights shows real-visitor data for your page (if there's enough traffic) plus a lab test with specific suggestions.
• Google Search Console has a Core Web Vitals report that groups pages with the same issues across your whole site.
• Chrome DevTools helps you dig into a single page in detail.

Google assesses the vitals at the 75th percentile of real visits, so a page passes when at least three out of four visits have a good experience. Mobile and desktop are measured separately, and mobile is usually the harder one.

Focus on what matters

Don't chase a perfect 100 in the lab test. Real-visitor data passing all three metrics on your important pages is the goal. For most WordPress sites, caching, image work and cutting unnecessary scripts do most of the heavy lifting. More practical tips are in why your Elementor site is slow.

Want to know where your site stands? Ask me for a free audit.