Las **Core Web Vitals** (Métricas Web Principales) son una iniciativa de Google destinada a unificar y simplificar las señales de rendimiento que determinan la calidad de la experiencia de usuario (UX) en la web. A partir del año 2021, Google incorporó formalmente estas métricas como un factor algorítmico prioritario para posicionar sitios web en sus resultados orgánicos.
1. LCP (Largest Contentful Paint) - Velocidad de Carga
El LCP mide el tiempo que tarda la página en mostrar el **elemento de contenido más grande** en la pantalla (generalmente una imagen de fondo, un banner principal o un bloque de texto grande) desde que el usuario inicia la carga.
Para ofrecer una buena experiencia de usuario, Google establece que el LCP debe ocurrir en **menos de 2.5 segundos** en al menos el 75% de las visitas del sitio. Si tarda más de 4.0 segundos, el rendimiento es considerado deficiente.
2. INP (Interaction to Next Paint) - Interactividad
En marzo de 2024, Google reemplazó la antigua métrica FID (First Input Delay) por el **INP**. Esta nueva métrica mide la **interactividad global** del sitio a lo largo de toda la visita del usuario, evaluando cuánto tiempo tarda el navegador en actualizar visualmente la pantalla después de que el usuario hace un clic, toca un botón o presiona una tecla.
Un INP óptimo debe ser **menor a 200 milisegundos**. Un retraso superior a 500 ms provoca la sensación de que la página se congela o responde con lentitud, lo que daña drásticamente la tasa de conversión en móviles.
3. CLS (Cumulative Layout Shift) - Estabilidad Visual
El CLS cuantifica la **frecuencia con la que los usuarios experimentan cambios inesperados en el diseño** de la página durante la carga. Ocurre cuando elementos visuales (como imágenes, anuncios o botones) cambian de posición de repente debido a la falta de definición de dimensiones en el código CSS, provocando clics erróneos en el usuario.
Un CLS excelente debe poseer una puntuación **inferior a 0.1**. La inestabilidad visual frustra al usuario y es penalizada severamente en dispositivos móviles.
"No basta con que un sitio sea rápido en teoría. Debe cargar el contenido principal al instante (LCP), reaccionar a los clics del usuario sin retrasos perceptibles (INP) y mantenerse visualmente estable sin saltos molestos (CLS)."