Core Web Vitals: guía de rendimiento web

Los Core Web Vitals son un subconjunto de las Web Vitals de Google que miden tres aspectos fundamentales de la experiencia de usuario: velocidad de carga del contenido principal, capacidad de respuesta ante interacciones y estabilidad visual del layout durante la carga.

Estas tres métricas se miden con datos reales de usuarios (field data) a través del Chrome User Experience Report (CrUX), y también se pueden evaluar en laboratorio con herramientas como Lighthouse, PageSpeed Insights o WebPageTest.

LCP mide cuánto tarda en renderizarse el elemento de contenido más grande visible en el viewport. Puede ser una imagen hero, un bloque de texto o un vídeo. El umbral óptimo es inferior a 2,5 segundos.

Las causas más comunes de un LCP lento son: tiempos de respuesta del servidor elevados, CSS y JavaScript que bloquean el renderizado, imágenes sin optimizar y carga de recursos de terceros. Cada milisegundo cuenta, especialmente en móvil.

INP reemplazó a FID (First Input Delay) en marzo de 2024 como métrica oficial de interactividad. Mientras FID solo medía la primera interacción, INP evalúa la latencia de todas las interacciones durante la sesión y reporta la peor (percentil 98). El umbral óptimo es inferior a 200 milisegundos.

Un INP alto significa que la página tarda en responder visualmente a los clics, toques o pulsaciones de tecla del usuario. Las causas suelen ser tareas JavaScript largas (long tasks) que bloquean el hilo principal del navegador.

CLS mide cuánto se desplazan los elementos visibles de forma inesperada durante la carga de la página. Un banner publicitario que empuja el contenido hacia abajo, una imagen sin dimensiones que redimensiona al cargar o una fuente web que cambia el tamaño del texto son ejemplos típicos. El umbral óptimo es inferior a 0,1.

Los cambios de layout son una de las experiencias más frustrantes para el usuario. Provocan clics accidentales, pérdida de contexto de lectura y una percepción general de baja calidad.

Hay dos tipos de medición: datos de campo (field data) y datos de laboratorio (lab data). Los datos de campo reflejan la experiencia real de los usuarios y son los que Google usa para el ranking. Los datos de laboratorio son útiles para diagnosticar y depurar problemas específicos en un entorno controlado.

Los Core Web Vitals son un factor de ranking confirmado por Google. No son el factor más importante (la relevancia del contenido sigue siendo primordial), pero actúan como desempate entre páginas con contenido similar. En sectores competitivos como ecommerce o medios digitales, esa diferencia puede ser significativa.

Más allá del SEO, el rendimiento afecta directamente la conversión. Datos de Vodafone mostraron un aumento del 8% en ventas al mejorar su LCP un 31%. Cada 100ms de mejora en tiempo de carga puede representar un aumento de 1% en conversión, según estudios de Deloitte y Akamai.

Optimizar Core Web Vitals requiere un enfoque sistemático. No basta con aplicar técnicas aisladas: hay que identificar los cuellos de botella reales de tu sitio, priorizarlos por impacto y medir después de cada cambio.