Page speed is no longer optional for SEO—it's a direct ranking factor through Google's Core Web Vitals. Fast pages rank better, convert more visitors, and provide better user experiences. This guide covers everything you need to know to optimize your site's performance.
Understanding Core Web Vitals
Core Web Vitals are Google's specific metrics for measuring user experience. They became ranking factors in 2021 and continue to be refined (FID was replaced by INP in 2024).
Largest Contentful Paint
Measures how quickly the main content loads. LCP marks when the largest image or text block is visible.
Interaction to Next Paint
Measures responsiveness to user interactions. INP observes all clicks, taps, and keyboard inputs throughout the page lifecycle.
Cumulative Layout Shift
Measures visual stability. CLS tracks unexpected layout shifts during the page lifecycle.
Measuring Page Speed
Before optimizing, you need to measure. Use these tools to understand your current performance.
Google PageSpeed Insights
Best for: Quick testing with Core Web Vitals data. Shows both lab and field data.
pagespeed.web.dev →Google Search Console
Best for: Site-wide Core Web Vitals data from real users. Shows issues at scale.
Core Web Vitals report
Chrome DevTools
Best for: Detailed performance analysis, network waterfalls, and debugging.
Lighthouse & Performance tabs
Lab vs Field Data
Lab Data
Controlled testing environment. Consistent but may not reflect real user experience.
Field Data
Real user metrics (RUM). Shows actual user experience but requires traffic.
Optimization Techniques
Image Optimization
Images are typically the largest resource on most pages. Optimizing them has the biggest impact on LCP.
- Use modern formats: WebP, AVIF
- Serve responsive images with srcset
- Lazy load below-fold images
- Set explicit dimensions to prevent CLS
JavaScript Optimization
JavaScript can block rendering and cause interaction delays. Optimize it for better INP.
- Defer non-critical JavaScript
- Split code and load on demand
- Remove unused JavaScript
- Break up long tasks (>50ms)
Server Optimization
A fast server response time (TTFB) is the foundation of page speed.
- Use a CDN for global delivery
- Implement server-side caching
- Optimize database queries
- Use HTTP/2 or HTTP/3
CSS Optimization
CSS can block rendering. Optimize delivery for faster paint times.
- Inline critical CSS
- Load non-critical CSS asynchronously
- Remove unused CSS
- Minify and compress CSS files
Implementation Priority
Focus on high-impact optimizations first. Here's the recommended order:
Image Optimization
Usually the biggest impact. Convert to WebP, compress, and lazy load.
Reduce Server Response Time
Implement CDN and caching. Target TTFB under 200ms.
Eliminate Render-Blocking Resources
Defer JS, inline critical CSS, async load the rest.
Fix Layout Shifts
Add dimensions to images/embeds. Reserve space for dynamic content.
Optimize JavaScript Execution
Split bundles, remove unused code, break up long tasks.
Frequently Asked Questions
How does site speed affect SEO?
Site speed is a confirmed Google ranking factor through Core Web Vitals. Slow pages have higher bounce rates, lower engagement, and poorer rankings. Google's page experience signals include LCP, FID/INP, and CLS metrics.
What is a good page load time for SEO?
For SEO, aim for: LCP under 2.5 seconds (measures perceived load speed), FID/INP under 100ms (measures interactivity), and CLS under 0.1 (measures visual stability). Total page load should ideally be under 3 seconds on mobile.
What are Core Web Vitals?
Core Web Vitals are Google's metrics for measuring user experience: LCP (Largest Contentful Paint) measures loading, INP (Interaction to Next Paint) measures interactivity, and CLS (Cumulative Layout Shift) measures visual stability.