Optimization•8 min read

Optimizing for Core Web Vitals

By Performance Team

Core Web Vitals are essential for user experience and SEO. Here's how to optimize them.

The Three Pillars

Largest Contentful Paint (LCP)

Target: under 2.5 seconds

  • Optimize images
  • Minimize render-blocking resources
  • Use CDN for assets

    • First Input Delay (FID)

    Target: under 100ms

  • Reduce JavaScript execution time
  • Code splitting
  • Defer non-critical JS

    • Cumulative Layout Shift (CLS)

    Target: under 0.1

  • Reserve space for images
  • Avoid inserting content dynamically
  • Use CSS containment

    • Monitor these metrics continuously and iterate based on real user data.

    ← Back to all posts