Core Web Vitals

Intermediate·20 min read·Lesson 2 of 4·Not Started

Core Web Vitals are a set of real-world metrics that measure user experience on the web. They are also ranking signals for Google search.

The Three Metrics

  • LCP (Largest Contentful Paint): loading performance — should occur within 2.5 seconds
  • FID (First Input Delay): interactivity — should be less than 100ms
  • CLS (Cumulative Layout Shift): visual stability — should be less than 0.1

Optimization Strategies

Optimize LCP by improving server response times, preloading key resources, and optimizing images. Reduce FID by code-splitting and deferring non-critical JavaScript. Minimize CLS by setting explicit dimensions on images and embeds.