Core Web Vitals: cómo medir y mejorar LCP, CLS e INP

Core Web Vitals son las tres métricas que Google usa para evaluar la experiencia del usuario: LCP (velocidad de carga), CLS (estabilidad visual) e INP (responsividad). Desde 2021, son factor de ranking.

LCP: Largest Contentful Paint

Mide el tiempo hasta que el mayor elemento visible se renderiza. Ideal: bajo 2.5 segundos. Causas comunes: imágenes grandes sin optimizar, server response lento, CSS/JS render-blocking y web fonts lentas.

CLS: Cumulative Layout Shift

Mide desplazamientos visuales inesperados. Ideal: bajo 0.1. Causas: imágenes/videos sin dimensiones, anuncios inyectados dinámicamente, fuentes que cambian y contenido async que empuja layout.

INP: Interaction to Next Paint

Mide el tiempo entre interacción del usuario y siguiente pintura. Ideal: bajo 200ms. Causas: JavaScript pesado en main thread, event handlers complejos, hydration pesada y scripts de terceros bloqueantes.

Cómo medir

Datos de campo: PageSpeed Insights, CrUX, Search Console. Datos de lab: Lighthouse, WebPageTest. Optimiza basándote en datos de campo, que muestran la realidad de tus usuarios.