← Back to Articles
Core Web Vitals
/* Three Core Web Vitals */
1. LCP - Largest Contentful Paint
Target: < 2.5 seconds
Measures: Loading performance
2. INP - Interaction to Next Paint
Target: < 200 milliseconds
Measures: Interactivity
3. CLS - Cumulative Layout Shift
Target: < 0.1
Measures: Visual stability
/* Check in DevTools */
// Performance tab → Web Vitals
// Or use Lighthouse
Optimizing LCP
<!-- Preload critical resources -->
<link rel="preload" href="/font.woff2" as="font" crossorigin>
<link rel="preload" href="/hero.jpg" as="image">
<link rel="preload" href="/critical.css" as="style">