Core Web Vitals, caching and front-end speed for real websites.
About this learning path
Core Web Vitals measure what visitors feel: how quickly the main content appears (LCP), how fast the page responds to a tap or click (INP), and whether the layout jumps while it loads (CLS). Google uses field data from real Chrome users, so lab scores alone can mislead.
This path explains how to measure properly, then fixes each metric on WordPress sites with specific, testable changes rather than another optimisation plugin.
Who it’s for: Developers and site owners whose WordPress sites fail Core Web Vitals.
What you’ll learn
Reading field data in Search Console and PageSpeed Insights, and when lab data is enough
Speeding up LCP: hero images, server response time and caching
Reducing INP by deferring and trimming JavaScript
Stopping CLS with image dimensions, reserved space and font loading
The caching layers that make PHP sites fast, explained in order: browser caching with HTTP headers, CDN and full-page caching, OPcache, persistent object caching with Redis, transients, and how to invalidate each one without serving stale or private content.
Images are usually the heaviest part of a page and often the LCP element. How to choose formats, serve the right size with srcset and sizes, prioritise the hero image, lazy-load the rest and avoid layout shift, in plain HTML, WordPress and Next.js.
What LCP, INP and CLS actually measure, how to find the element that fails, and the WordPress fixes that move the numbers: hero images, caching, script loading, fonts and layout stability.