Los Core Web Vitals son tres métricas con las que Google mide la experiencia real de las personas en tu sitio: LCP (cuánto tarda en verse lo principal), INP (qué tan rápido responde a cada interacción) y CLS (cuánto se mueve el diseño mientras carga). Para aprobar necesitás LCP menor a 2,5 s, INP menor a 200 ms y CLS menor a 0,1.
Cómo medirlos bien
Usá datos de campo (usuarios reales) antes que datos de laboratorio. Los encontrás en Search Console, en el informe de Métricas web principales, y en PageSpeed Insights, en la sección “Descubre lo que experimentan tus usuarios reales”.
Las optimizaciones con más impacto
Para LCP
- Servir imágenes en formatos modernos (AVIF o WebP) y con el tamaño justo.
- Precargar la imagen o la fuente principal de la primera pantalla.
- Evitar que el contenido principal dependa de JavaScript para mostrarse.
Para INP
- Dividir tareas de JavaScript largas.
- Cargar scripts de terceros (chats, píxeles) después de la interacción o en segundo plano.
Para CLS
- Definir ancho y alto en imágenes, videos e iframes.
- Reservar espacio para banners y elementos que aparecen después.
- Usar fuentes con métricas de reemplazo ajustadas.
La regla general
Cada kilobyte de JavaScript que no envías es rendimiento ganado. Por eso construimos los sitios con HTML generado de antemano y cargamos las animaciones y la interactividad solo donde suman.