Skip to main content

    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.