¿Qué son los Core Web Vitals? Guía práctica de LCP, INP y CLS

Los Core Web Vitals son un conjunto de tres métricas con las que Google mide la experiencia real que vive un usuario al cargar y usar tu página: la velocidad de carga, la capacidad de respuesta y la estabilidad visual. Forman parte de las señales de experiencia de página y funcionan como criterio de desempate: entre dos contenidos de valor parecido, Google favorece al que ofrece mejor experiencia.

Las tres métricas, una por una

LCP (Largest Contentful Paint): la velocidad percibida

Mide cuánto tarda en aparecer el elemento visible más grande de la pantalla, normalmente la imagen principal o el bloque de texto del encabezado. Es la métrica de "¿esto carga rápido?".

• Bueno: 2,5 segundos o menos.
• Necesita mejorar: entre 2,5 y 4 segundos.

INP (Interaction to Next Paint): la capacidad de respuesta

Mide cuánto tarda tu página en reaccionar cuando el usuario hace clic, toca o escribe. Sustituyó al antiguo FID en 2024 y es más exigente, porque evalúa toda la sesión y no solo la primera interacción.

• Bueno: 200 milisegundos o menos.
• Necesita mejorar: entre 200 y 500 milisegundos.

CLS (Cumulative Layout Shift): la estabilidad visual

Mide cuánto se mueve el contenido de sitio mientras carga. Ese salto molesto que te hace pulsar el botón equivocado porque un anuncio empujó la página hacia abajo: eso es un CLS malo.

• Bueno: 0,1 o menos.
• Necesita mejorar: entre 0,1 y 0,25.

Por qué no son solo un tema de SEO

Aquí quiero ser claro, porque se malinterpreta a menudo. Los Core Web Vitals influyen en el posicionamiento, sí, pero su peso como factor de ranking es moderado. Su verdadero valor está en el negocio: una página que carga rápido y no da saltos convierte mejor, retiene más y genera menos abandonos. He visto tiendas recuperar ventas solo con bajar el LCP de cuatro segundos a dos. Optimízalos por tus usuarios primero, y el beneficio SEO vendrá de propina.

Checklist para mejorar tus Core Web Vitals

Cuando optimizo el rendimiento de un sitio, trabajo esta lista en orden:

• Comprimir y servir las imágenes en formatos modernos como WebP o AVIF.
• Reservar el espacio de imágenes y anuncios con width y height para frenar el CLS.
• Aplazar el JavaScript no crítico para que no bloquee la carga inicial.
• Precargar la imagen o la fuente que define el LCP.
• Reducir el trabajo del hilo principal, la causa más común de un INP alto.
• Activar caché y una CDN para acortar el tiempo de respuesta del servidor.

Datos de laboratorio frente a datos de campo

Aquí conviene distinguir dos tipos de datos, porque confundirlos lleva a optimizar lo que no toca. Los datos de laboratorio (los que da PageSpeed Insights o Lighthouse en una prueba puntual) se miden en un entorno simulado y sirven para diagnosticar y reproducir problemas. Pero Google se guía por los datos de campo: los tiempos reales de tus usuarios de carne y hueso, recogidos en el informe CrUX durante los últimos 28 días, que aparecen en Search Console dentro del apartado de Métricas Web Principales.

La diferencia es importante. Tu web puede sacar un 95 en Lighthouse desde tu ordenador con fibra, y a la vez suspender en campo porque la mitad de tus usuarios entran desde un móvil con conexión lenta. Optimiza siempre mirando el dato de campo, porque es el único que influye en el posicionamiento y el que refleja la experiencia real.

Cómo priorizar cuando tienes varios problemas

Mi orden de ataque es este: primero el LCP, porque afecta a todos los usuarios y es el que más se nota; después el CLS, porque suele arreglarse con cambios sencillos de mucho impacto visual; y por último el INP, que casi siempre exige tocar el JavaScript y es el más laborioso. Ir en este orden te da mejoras visibles rápido antes de meterte en lo complejo.

Conceptos conectados

• ¿Qué es el Renderizado?: cómo se construye la página que luego mides.
• ¿Qué es el Rastreo (Crawling)?: un sitio lento hace que Google rastree menos páginas.
• ¿Qué es el Contenido Evergreen?: rendimiento y contenido duradero se refuerzan mutuamente.

¿Tu web no pasa los Core Web Vitals? Cuéntame tu caso y te preparo un plan de mejora priorizado.