Core Web Vitals explicados simple: LCP, INP y CLS

Los Core Web Vitals son tres métricas con las que Google mide la experiencia real de una persona al usar tu web. No hace falta ser técnico para entenderlas: se trata de qué tan rápido carga, qué tan rápido responde y qué tan estable se ve.

LCP: velocidad de carga

Mide cuánto tarda en aparecer el elemento principal de la página, normalmente una imagen grande o un bloque de texto. Se considera bueno cuando es de 2,5 segundos o menos. Los culpables habituales son imágenes muy pesadas y servidores lentos.

INP: capacidad de respuesta

Mide cuánto tarda la web en reaccionar cuando el visitante toca o hace clic. Un valor de 200 milisegundos o menos se considera bueno. Se arruina con mucho código que se ejecuta de golpe, por ejemplo scripts de terceros innecesarios.

CLS: estabilidad visual

Mide cuánto se mueven los elementos mientras la página carga. Es esa molesta situación en la que vas a tocar un botón y el contenido salta. Un valor de 0,1 o menos es bueno. Se corrige reservando el espacio de imágenes y anuncios con un tamaño definido.

Cómo ver tus valores

• PageSpeed Insights: pegas la dirección y te muestra los tres valores con recomendaciones.
• Google Search Console: el informe de experiencia de la página agrupa las direcciones buenas y las que necesitan mejorar.

Mejoras con más impacto

• Comprimir las imágenes y usar formatos modernos como WebP.
• Cargar las imágenes que están fuera de pantalla de forma diferida.
• Quitar scripts y plugins que no aporten valor.
• Definir el ancho y el alto de imágenes y bloques.

Las tres métricas con un ejemplo cotidiano

• LCP (carga del contenido principal): es el tiempo hasta que aparece lo más grande de la pantalla, como la foto principal o el titular. Es como esperar a que el mozo traiga el plato principal.
• INP (respuesta a la interacción): cuánto tarda la página en reaccionar cuando tocas algo. Es la diferencia entre un botón que responde al instante y uno que parece colgado.
• CLS (estabilidad visual): cuánto se mueven los elementos mientras carga. Es esa vez que ibas a tocar un botón y cambió de lugar justo antes.

Qué valores se consideran buenos

Google publica umbrales para cada métrica y clasifica los resultados en bueno, a mejorar y deficiente. Conviene revisar los valores vigentes en su documentación, porque se han ajustado con el tiempo. Lo importante es apuntar a la categoría buena en celular, que es donde se mide con más rigor.

Cómo medirlas

• PageSpeed Insights: muestra datos de usuarios reales, si hay suficientes, y un análisis de laboratorio con recomendaciones.
• Search Console: el informe de experiencia de la página agrupa por tipo de problema.
• Las herramientas del navegador permiten analizar una página puntual.

Las causas más habituales y cómo atacarlas

Un LCP lento casi siempre se debe a imágenes pesadas o a un servidor lento. Un INP malo suele venir de exceso de scripts de terceros. Un CLS alto aparece cuando las imágenes no tienen dimensiones definidas o cuando hay anuncios y avisos que se insertan tarde. Corregir esto, antes que cualquier truco avanzado, resuelve la mayor parte de los casos.

Preguntas frecuentes

¿Los Core Web Vitals son un factor de posicionamiento?

Forman parte de las señales de experiencia de página que Google tiene en cuenta, pero no reemplazan a la relevancia del contenido. A igualdad de contenido pueden marcar diferencia, y sobre todo mejoran la experiencia de tus visitantes.

¿Por qué mi puntaje cambia cada vez que mido?

Porque las pruebas de laboratorio dependen de la conexión, del servidor en ese momento y de otros factores. Mira los datos de usuarios reales cuando existan y repite las pruebas antes de sacar conclusiones.

¿Hace falta llegar al puntaje máximo?

No. Lo importante es estar en la categoría buena de las tres métricas con usuarios reales. Perseguir el 100 puede costar mucho esfuerzo con un beneficio visible mínimo.

No hace falta un puntaje perfecto: alcanza valores buenos en las páginas que más tráfico reciben y mantenlos a medida que agregas contenido.