¿Qué son los Core Web Vitals?

Los tres indicadores clave de Web Vitals

• Largest Contentful Paint (LCP): el tiempo que tarda en cargarse el elemento visible más grande, lo que permite medir la velocidad de carga percibida. Se considera un buen resultado un tiempo de 2,5 segundos o menos.
• Interacción con la siguiente pintura (INP): la rapidez con la que la página responde a las interacciones del usuario, lo que mide su capacidad de respuesta. Se considera «bueno» un valor de 200 milisegundos o menos. El INP sustituyó al First Input Delay (FID) como indicador «Core Web Vital» en marzo de 2024.
• Desplazamiento acumulativo de la maquetación (CLS): el grado en que el diseño de la página se desplaza de forma inesperada durante la carga, lo que permite medir la estabilidad visual. Se considera un buen resultado un valor de 0,1 o inferior.

Google mide estos parámetros a partir de datos reales de los usuarios (datos de campo), siempre que estén disponibles, y de herramientas de laboratorio como Lighthouse para el diagnóstico. El objetivo es superar los umbrales de estos tres parámetros en la mayoría de las cargas de página. Dado que las métricas reflejan la experiencia real del usuario, mejorarlas suele contribuir tanto a la posición en los resultados de búsqueda como a la conversión.

• Optimización de la experiencia en la página: diagnosticar y solucionar los tiempos de carga lentos, las interacciones poco fluidas y los saltos en el diseño para superar los umbrales establecidos.
• Control de calidad previo al lanzamiento: comprobar las plantillas con respecto a los Core Web Vitals antes de su lanzamiento, para detectar a tiempo cualquier deterioro del rendimiento.
• Análisis comparativo de la competencia: comparar sus resultados de rendimiento reales con los de la competencia para la misma consulta.
• Medición con precisión de representación: dado que las métricas dependen de cómo se carga y se representa realmente una página, medirlas a gran escala requiere ejecutar las páginas en un entorno de navegador real, la misma capacidad de representación que utilizan las herramientas que cargan páginas completas en lugar de código HTML sin procesar.