PageSpeed and Core Web Vitals, Explained Simply
Google ranks fast pages higher. Real users abandon slow ones. PageSpeed Insights measures both, what the lab tests AND what your actual visitors experience.
The 3 Core Web Vitals you must pass
- LCP, Largest Contentful Paint. When the biggest visible element loads. Pass: under 2.5 seconds.
- INP, Interaction to Next Paint. How fast your page reacts when clicked or tapped. Pass: under 200 milliseconds.
- CLS, Cumulative Layout Shift. How much things jump around as the page loads. Pass: under 0.1.
Most common speed killers and the fix
- Giant hero images. Compress to WebP under 200 KB. Lazy-load anything below the fold.
- Third-party scripts. Analytics, chat widgets, ads. Add
deferor load on user interaction only. - Render-blocking CSS. Inline critical CSS for above-the-fold content. Defer the rest.
- Web fonts. Use
font-display: swapand preload only the weights you actually need. - No CDN. Static assets should be served from edge locations close to your visitors.
Lab data vs field data
PageSpeed shows two sets of numbers. Lab data is a simulated test in a clean environment, useful for debugging. Field data (when available) is real-user measurements from Chrome. Field data is what Google actually ranks on, so prioritise improving those numbers.
Searchlab