Page Speed & Core Web Vitals

Why Page Speed Matters

• Direct ranking factor for Google
• Improves user experience
• Reduces bounce rate
• Increases conversion rates

Core Web Vitals

1. Largest Contentful Paint (LCP)

Measures loading performance. Should be under 2.5 seconds.

// Optimize LCP
- Optimize images (lazy loading, WebP format)
- Enable compression (gzip, brotli)
- Minimize render-blocking resources
- Use a CDN

2. First Input Delay (FID)

Measures interactivity. Should be under 100 milliseconds.

// Optimize FID
- Minify JavaScript
- Defer non-critical JavaScript
- Use web workers
- Optimize third-party scripts

3. Cumulative Layout Shift (CLS)

Measures visual stability. Should be under 0.1.

// Optimize CLS
- Set explicit dimensions on images
- Reserve space for ads and embeds
- Avoid inserting content above existing content
- Use CSS aspect-ratio property

Testing Tools

• PageSpeed Insights - Google's tool for measuring performance
• Lighthouse - Built into Chrome DevTools
• WebPageTest - Advanced performance testing
• GTmetrix - Performance analysis tool