Core Web Vitals: qué son y cómo mejorarlas

Introducción

Las Core Web Vitals son las tres métricas con las que Google mide la experiencia real de uso de una web. Desde 2021 forman parte del algoritmo de Google, así que influyen directamente en tu posicionamiento.

Si tu web no pasa las Core Web Vitals, Google te posiciona peor. Si las superas, tienes ventaja sobre competidores que no las cuidan. En este artículo vas a ver qué son cada una y cómo mejorarlas.

Qué son las Core Web Vitals

Las Core Web Vitals son tres métricas que miden aspectos concretos de la experiencia de usuario:

Métrica	Qué mide	Objetivo de Google
LCP (Largest Contentful Paint)	Lo rápido que carga el contenido principal	< 2,5 s
INP (Interaction to Next Paint)	Lo rápido que responde la web al interactuar	< 200 ms
CLS (Cumulative Layout Shift)	Lo estable visualmente (si “salta” la web)	< 0,1

Google clasifica las webs en “buena”, “necesita mejorar” o “mala” según estos tres valores. Estar en “buena” en las tres es el objetivo.

[Imagen sugerida: captura de Search Console mostrando el estado de las Core Web Vitals]

LCP: el contenido principal debe cargar rápido

LCP (Largest Contentful Paint) mide el tiempo que tarda en cargar el elemento más grande visible en la pantalla. Suele ser una imagen grande (un banner, una foto destacada) o un bloque de texto.

Objetivo

• Bueno: menos de 2,5 segundos.
• Mejorable: entre 2,5 y 4 segundos.
• Malo: más de 4 segundos.

Cómo mejorar el LCP

1. Optimiza la imagen principal. Comprímela y sírvela en formato WebP.
2. Reduce el tiempo de respuesta del servidor (TTFB). Un buen hosting con LiteSpeed y NVMe ayuda mucho.
3. Elimina recursos que bloquean el renderizado. CSS y JavaScript que paran la carga.
4. Usa una CDN para servir los archivos más cerca del usuario.
5. Precarga la imagen principal con <link rel="preload">.

INP: la web debe responder rápido al tacto

INP (Interaction to Next Paint) mide el tiempo que tarda la web en responder cuando el usuario interactúa: hace clic en un botón, abre un menú, rellena un campo.

El INP sustituyó al FID (First Input Delay) en marzo de 2024.

Objetivo

• Bueno: menos de 200 ms.
• Mejorable: entre 200 y 500 ms.
• Malo: más de 500 ms.

Cómo mejorar el INP

1. Reduce el JavaScript. Cuanto menos JS, más rápido responde.
2. Divide el JavaScript largo en tareas más pequeñas.
3. Aplaza el JavaScript no esencial con defer o async.
4. Usa un buen plugin de caché que sirva páginas estáticas.
5. Limita los plugins que añaden JavaScript innecesario.

El INP es la métrica más difícil de mejorar en webs con muchos plugins (como WordPress mal optimizado). La clave está en menos JavaScript.

CLS: la web no debe “saltar”

CLS (Cumulative Layout Shift) mide cuánto se mueven los elementos de la página mientras carga. Es el efecto molesto de que un texto, una imagen o un botón cambien de sitio de repente.

Objetivo

• Bueno: menos de 0,1.
• Mejorable: entre 0,1 y 0,25.
• Malo: más de 0,25.

Ejemplos de CLS alto

• Lees un texto y, de repente, una imagen que carga encima te desplaza hacia abajo.
• Vas a hacer clic en un botón y, justo en ese momento, salta un banner que mueve el botón.
• Una fuente web carga y empuja todo el texto.

Cómo mejorar el CLS

1. Indica siempre el tamaño de imágenes y vídeos. Usa los atributos width y height.
2. Reserva espacio para anuncios. Si muestras publicidad, deja un hueco fijo.
3. No insertes contenido encima del existente. Salvo en animaciones intencionadas.
4. Carga las fuentes web correctamente. Usa font-display: swap o precarga la fuente.
5. Evita banners que aparecen tarde. Si pones un banner fijo arriba o abajo, que ocupe su espacio desde el principio.

Cómo medir tus Core Web Vitals

Desde Search Console

Google Search Console tiene una sección Core Web Vitals que te dice cuántas URLs de tu web están en estado bueno, mejorable o malo. Es la fuente más fiable porque usa datos reales de usuarios.

[Imagen sugerida: captura del informe de Core Web Vitals en Search Console]

Desde PageSpeed Insights

Introduce tu URL en PageSpeed Insights y verás tus valores de LCP, INP y CLS, tanto de datos de campo como de laboratorio.

Desde el navegador

Chrome incluye la pestaña Rendimiento en las herramientas para desarrolladores, donde puedes ver estas métricas mientras navegas.

Consejos útiles

• Empieza por la métrica peor. Si tu CLS es malo y tu LCP es bueno, trabaja primero el CLS.
• Mide en móvil, no solo en ordenador. Google prioriza la versión móvil.
• No persigas el 100 perfecto. Estar en “buena” en las tres métricas ya es un objetivo sólido.
• Revisa tras instalar plugins. Cada plugin puede afectar a las Core Web Vitals.
• Combina optimización con un buen hosting. Una web bien optimizada en un hosting lento sigue siendo lenta.

Problemas frecuentes

Mejoro el LCP pero el CLS empeora

Es posible que al cambiar una imagen cambie su tamaño y provoque desplazamientos. Asegúrate de definir width y height siempre.

Tengo buena puntuación en PageSpeed pero mala en Search Console

PageSpeed mide una URL concreta en un momento. Search Console mide muchas URLs con datos reales acumulados. Lo que importa a Google es Search Console.

El INP es muy difícil de mejorar

El INP depende sobre todo del JavaScript. Si usas WordPress con muchos plugins, el camino es reducir plugins y usar un plugin de optimización que retrase el JS innecesario.

Mis Core Web Vitals son buenas pero no subo en Google

Las Core Web Vitals son uno de los 200 factores de Google. Mejorarlas ayuda, pero el SEO depende también del contenido, los enlaces, la autoridad y otros factores.

No tengo datos de campo en PageSpeed

Las webs con poco tráfico pueden no tener datos de campo suficientes (Chrome necesita un mínimo de usuarios). Usa los datos de laboratorio mientras acumulas tráfico.

Preguntas frecuentes

¿Las Core Web Vitals afectan al SEO?

Sí, directamente. Google las usa como factor de posicionamiento desde 2021. Pasar de “mala” a “buena” puede suponer un aumento de visitas.

¿Cuál es la métrica más importante?

Las tres importan, pero el LCP suele ser la que más impacto tiene en la percepción de velocidad del usuario.

¿Necesito un plugin para mejorar las Core Web Vitals?

En WordPress, un plugin de optimización (como LiteSpeed Cache, WP Rocket o W3 Total Cache) ayuda mucho. Pero también hay cosas que se hacen en el tema o manualmente.

¿Mi hosting influye en las Core Web Vitals?

Sí, sobre todo en el LCP. El tiempo de respuesta del servidor (TTFB) depende del hosting y afecta directamente al LCP. Un hosting con LiteSpeed y NVMe mejora esta métrica notablemente.

¿Google cambia las Core Web Vitals?

Sí. En marzo de 2024 Google sustituyó el FID por el INP. Es importante estar al día, porque lo que antes no medían ahora sí.

Cuida la experiencia y Google te premiará

Las Core Web Vitals son la forma que tiene Google de medir si tu web ofrece una buena experiencia real a los usuarios. Mejorar LCP, INP y CLS no solo te ayuda en el SEO, sino que también mejora la satisfacción de quien te visita.

Si tu web no pasa las Core Web Vitals por culpa de un hosting lento, en miHosting ofrecemos planes con LiteSpeed, NVMe SSD y caché nativa que reducen el LCP de forma notable. Abre un ticket desde tu panel de cliente y te ayudamos a diagnosticar y mejorar tus métricas.