Core Web Vitals Optimization in WordPress – How to Speed Up Your Site and Improve Google Scores

Published: March 20, 2026 · Author: Marcin Szewczyk-Wilgan

Core Web Vitals are three Google metrics that measure real user experience on a website – loading speed (LCP), interactivity (INP), and visual stability (CLS). Since 2021, they are an official Google ranking factor. WordPress powers over 40% of the web, but only about 44% of WordPress sites on mobile pass Core Web Vitals. The problem is not WordPress itself – the CMS core is lightweight. The issues come from heavy themes, bloated page builders, too many plugins, unoptimized images, and slow hosting. In this article, we explain what Core Web Vitals are, why WordPress struggles with them, and how to optimize step by step.

The Three Core Web Vitals Metrics – LCP, INP, CLS

Each metric measures a different aspect of user experience. All three must pass for Google to consider a page as having a “good” user experience.

LCP – Largest Contentful PaintMeasures the loading time of the largest visible element on the page (usually a hero image or main text block). Good score: below 2.5 seconds. LCP is the metric WordPress struggles with most – mainly due to slow server response time (TTFB) and unoptimized images.
INP – Interaction to Next PaintReplaced FID (First Input Delay) in March 2024. Measures page responsiveness – how quickly the browser visually responds to user interactions (clicks, taps, keyboard). Good score: below 200 milliseconds. WordPress performs relatively well here – about 86% of sites achieve good INP.
CLS – Cumulative Layout ShiftMeasures visual stability – how much page elements “jump” during loading. Good score: below 0.1. Most common causes of poor CLS: images without defined dimensions, dynamically loaded ads, web fonts (FOUT/FOIT), and elements injected by plugins.

Why WordPress Struggles with Core Web Vitals

WordPress core is lean. The problems come from the ecosystem around it:

TTFB

Slow server response time

Only 32% of WordPress sites achieve good TTFB. On shared hosting, average TTFB is 900–1400 ms. The same site on managed hosting with server-level caching achieves 120–250 ms. Hosting is the performance ceiling – no frontend optimization can overcome it.

Plugins

Excess JavaScript and CSS

Every plugin can inject its own JS scripts and CSS stylesheets on every page – even if it is not needed on that page. 20 plugins means potentially 20 extra JS and CSS files blocking rendering. Audit and selective script loading is fundamental to optimization.

Images

Unoptimized media

Images are the most common LCP element. Without conversion to modern formats (WebP, AVIF), without responsive sizes (srcset), and without proper lazy loading – images alone can be responsible for failing the LCP test.

Themes

Heavy themes and page builders

Popular multipurpose themes and page builders (Elementor, Divi, WPBakery) generate far more HTML, CSS, and JS code than needed. Modern block themes (Full Site Editing) and the native Gutenberg editor produce much cleaner, lighter code.

Core Web Vitals Optimization – Step by Step

Optimization that delivers measurable results follows a specific priority order – starting with the changes that have the greatest impact:

1. Hosting and TTFBIf TTFB exceeds 400 ms, no frontend optimization will be enough. Switching to managed WordPress hosting with server-level caching, PHP 8.x, and CDN is the single change with the greatest impact on scores. At WebOptimo, we configure hosting optimized for Core Web Vitals.
2. Page cachingPage caching serves ready-made HTML instead of generating the page on every request (PHP + MySQL queries). Reduces TTFB and directly improves LCP. Object cache (Redis/Memcached) eliminates repetitive database queries. OPcache accelerates PHP code execution.
3. Image optimizationConversion to WebP or AVIF (30–50% smaller files). Responsive sizes via srcset. Lazy loading for images below the fold. Eager loading and fetchpriority="high" for the LCP image. Defined width/height dimensions prevent CLS.
4. JS and CSS optimizationDeferring non-critical JavaScript. Delaying external scripts until first interaction. Removing unused CSS. Generating and inlining critical CSS. Minification and file concatenation. Selectively disabling plugin scripts on pages where they are not needed.
5. CDNContent Delivery Network serves static files (images, CSS, JS) from the server closest to the user. Reduces latency and speeds up resource loading. Cloudflare, Bunny CDN, or hosting-integrated CDN. For sites with international traffic – essential.
6. Web fontsSelf-host fonts (do not load from Google Fonts CDN – eliminates an extra DNS lookup). Use font-display: swap to prevent invisible text during loading (FOIT). Preload the primary font. Limit the number of font weights and styles to what is actually used.
7. Plugin auditIdentify plugins that load assets on every page (Query Monitor or Chrome DevTools). Disable or replace heavy plugins. Remove unused plugins entirely. Every plugin has a performance cost – the question is whether the benefit justifies it.

Core Web Vitals Measurement Tools

You cannot optimize what you do not measure. Here are the essential tools for diagnosing and monitoring Core Web Vitals:

Google Search ConsoleCore Web Vitals report for the entire site based on real Chrome user data. Groups URLs by status (Good, Needs Improvement, Poor). The most important tool – it shows the field data on which Google evaluates your site.
PageSpeed InsightsCombines field data (CrUX) with lab tests (Lighthouse). Shows results for mobile and desktop. Provides specific optimization recommendations for each metric. Ideal for diagnosing individual pages.
Chrome DevTools / LighthouseDetailed performance profiling in the browser. Lighthouse audit generates a performance score and identifies specific issues. Useful during development – allows testing changes in real time.
Web Vitals ExtensionA Chrome extension displaying Core Web Vitals values in real time while browsing a site. A quick way to check metrics without opening additional tools.

Summary

Core Web Vitals are not a theoretical exercise – they are a ranking factor and a direct measure of user experience. WordPress can achieve excellent scores, but it requires conscious optimization: fast hosting, caching, image optimization, JavaScript and CSS management, and regular plugin audits. The biggest gains come from fixing the fundamentals – hosting and caching. Frontend optimizations polish the result. And measurement is essential – field data from Search Console is the ground truth.

At WebOptimo, Core Web Vitals optimization is at the heart of our WordPress speed optimization service. We audit, diagnose, and implement changes that deliver measurable results – from hosting to the last render-blocking script. Contact us or check our WordPress optimization offer.

Frequently Asked Questions About Core Web Vitals in WordPress

Three Google metrics measuring user experience: LCP (main content loading speed), INP (responsiveness to interactions), CLS (visual stability). Google uses them as a ranking factor.

Google PageSpeed Insights (lab + field data), Google Search Console (site-wide report), Chrome DevTools/Lighthouse, and the Web Vitals Chrome extension. Field data matters most.

Yes. They are part of Google’s ranking algorithm. With comparable content quality, they can determine the difference between position 3 and position 8.

Not WordPress core – it is lightweight. Poor scores come from heavy themes, page builders, too many plugins, unoptimized images, and slow shared hosting.

Biggest impact: switching to managed hosting (TTFB from 900–1400 ms to 120–250 ms). Then: page + object cache, image optimization (WebP/AVIF), deferring JavaScript, removing unused plugins.

Let’s Talk About Your WordPress Site Speed

We will audit your Core Web Vitals and implement optimizations with measurable results. No commitments – a concrete proposal after analysis.

Phone

+48 608 271 665

Mon–Fri, 8:00–16:00 CET

E-mail

contact@weboptimo.pl

We respond within 24h

Company

WebOptimo

VAT ID: PL6391758393