Core Web Vitals
Treat CWV as product quality metrics. Better UX often translates into better SEO outcomes over time.
1) LCP
- Common LCP elements: hero image, H1 block, banners
- Fixes: optimize images (WebP/AVIF), preload critical resources, reduce render-blocking
2) INP
- Keep the main thread free: reduce long tasks and heavy synchronous work
- Use code splitting, avoid unnecessary re-renders, move heavy work off-thread
3) CLS
- Reserve space for images/iframes (width/height or aspect-ratio)
- Avoid injecting banners above content after paint
Related tools
FAQ
Core Web Vitals questions.