Índice del artículo

Los Core Web Vitals son tres métricas de Google que miden la experiencia real del usuario: la velocidad de carga (LCP), la capacidad de respuesta (INP) y la estabilidad visual (CLS). Mejorarlas potencia tu SEO, la satisfacción de tus lectores y, de paso, tus ingresos.

Una web lenta o que «baila» mientras carga frustra al usuario y penaliza tu posicionamiento. Por eso Google creó los Core Web Vitals: para medir, con datos reales, cómo se siente tu página al usarla.

En esta guía verás qué significan LCP, INP y CLS, cuáles son sus valores ideales, cómo medirlos y, sobre todo, cómo mejorarlos paso a paso.

¿Qué son los Core Web Vitals?

Los Core Web Vitals (métricas web esenciales) son un conjunto de indicadores que Google utiliza para evaluar la experiencia de página. En lugar de medir aspectos abstractos, se centran en cómo percibe el usuario tu web: cuánto tarda en cargar, cómo responde al tocarla y si los elementos se mueven de forma inesperada.

Forman parte de las señales de experiencia de página y se calculan, en buena medida, con datos de usuarios reales (los del informe de experiencia de usuario de Chrome).

Las 3 métricas y sus valores ideales

Son tres, y cada una mide una dimensión distinta de la experiencia:

MétricaQué mideBuenoMejorableDeficiente
LCP
Largest Contentful Paint		Velocidad de carga del elemento principal≤ 2,5 s2,5 - 4 s> 4 s
INP
Interaction to Next Paint		Capacidad de respuesta a las interacciones≤ 200 ms200 - 500 ms> 500 ms
CLS
Cumulative Layout Shift		Estabilidad visual (que nada «salte»)≤ 0,10,1 - 0,25> 0,25
ℹ️ Novedad

Desde 2024, INP sustituye a la antigua métrica FID como medida oficial de interactividad. INP es más exigente: evalúa la respuesta a lo largo de toda la visita, no solo la primera interacción.

¿Por qué importan los Core Web Vitals?

Optimizarlos tiene un triple beneficio:

  • SEO: son un factor de posicionamiento. Ante contenidos similares, una mejor experiencia puede inclinar la balanza.
  • Experiencia de usuario: una web rápida y estable reduce el rebote y aumenta el tiempo de permanencia.
  • Ingresos: si la página carga bien, los anuncios se ven antes y mejor (más viewability), lo que ayuda a tu RPM.

Cómo medir los Core Web Vitals

No necesitas herramientas de pago. Estas opciones gratuitas te dan todo lo que necesitas:

  • PageSpeed Insights: analiza una URL y muestra datos de campo y de laboratorio.
  • Google Search Console: su informe de Core Web Vitals revela qué páginas necesitan mejoras.
  • Lighthouse (en Chrome DevTools): auditoría detallada con recomendaciones.
  • Extensión Web Vitals para Chrome: mide las métricas mientras navegas.
⚠️ Datos de campo vs. laboratorio

Prioriza los datos de campo (usuarios reales): son los que Google usa para evaluar tu experiencia. Los datos de laboratorio son útiles para depurar, pero no siempre coinciden con la realidad.

Un detalle clave: Google evalúa los umbrales en el percentil 75 de las visitas reales. Es decir, al menos el 75 % de tus usuarios debe alcanzar el valor «bueno» para que la página se considere optimizada.

Cómo mejorar el LCP (velocidad de carga)

El LCP mide cuánto tarda en aparecer el elemento más grande (normalmente una imagen o un bloque de texto). Para mejorarlo:

  • Optimiza las imágenes: comprime y usa formatos modernos (WebP/AVIF).
  • Usa caché y una red de distribución de contenidos (CDN).
  • Reduce el tiempo de respuesta del servidor con un buen hosting.
  • Carga primero lo importante y aplaza recursos no críticos.
  • Minimiza el CSS y el JavaScript que bloquean el renderizado.

Cómo mejorar el INP (capacidad de respuesta)

El INP mide cómo responde tu página cuando el usuario interactúa (clics, toques, teclas). Para mejorarlo:

  • Reduce el JavaScript pesado y divide las tareas largas.
  • Elimina scripts de terceros innecesarios.
  • Aplaza o carga bajo demanda el código no esencial.
  • Evita el trabajo excesivo en el hilo principal del navegador.

Cómo mejorar el CLS (estabilidad visual)

El CLS mide cuánto se mueven los elementos mientras la página carga (esos saltos molestos que te hacen pulsar el botón equivocado). Para evitarlos:

  • Define el tamaño de imágenes y vídeos con atributos de ancho y alto.
  • Reserva espacio para los anuncios y los elementos que cargan después.
  • Evita insertar contenido por encima del que el usuario ya está leyendo.
  • Carga las fuentes con cuidado para que el texto no «parpadee».

Core Web Vitals y los anuncios de AdSense

Los anuncios pueden perjudicar tus Core Web Vitals si no se gestionan bien: una imagen publicitaria pesada empeora el LCP, los scripts publicitarios afectan al INP y un anuncio que aparece de golpe dispara el CLS. La clave es el equilibrio:

  • Reserva el espacio de cada anuncio para evitar saltos (CLS).
  • No satures la página: menos anuncios bien puestos cargan mejor.
  • Cuida la carga para que la publicidad no bloquee el contenido.
✅ Equilibrio

Una web rápida muestra los anuncios antes y mejora su viewability. Optimizar los Core Web Vitals no resta ingresos: los protege.

Checklist de optimización

  • Imágenes comprimidas y en formato moderno (WebP/AVIF).
  • Caché y CDN activados.
  • CSS y JavaScript minimizados y diferidos.
  • Tamaños definidos en imágenes, vídeos y anuncios.
  • Scripts de terceros reducidos al mínimo.
  • Hosting con buen tiempo de respuesta.
  • Medición periódica con PageSpeed Insights y Search Console.

Preguntas frecuentes

¿Qué son los Core Web Vitals?

Son métricas de Google que miden la experiencia real del usuario: la velocidad de carga (LCP), la capacidad de respuesta (INP) y la estabilidad visual (CLS).

¿Cuáles son los valores ideales?

Se consideran buenos: LCP de 2,5 s o menos, INP de 200 ms o menos y CLS de 0,1 o menos.

¿Afectan al posicionamiento en Google?

Sí, forman parte de las señales de experiencia de página. No sustituyen a un buen contenido, pero pueden marcar la diferencia entre resultados similares.

¿Cómo mido los Core Web Vitals?

Con herramientas gratuitas como PageSpeed Insights, el informe de Core Web Vitals de Search Console y Lighthouse en Chrome.

¿Qué métrica sustituyó al FID?

El INP (Interaction to Next Paint) reemplazó al FID en 2024 como medida oficial de la interactividad, con un criterio más exigente.

Conclusión

Los Core Web Vitals traducen en números algo muy concreto: lo agradable (o no) que resulta usar tu web. Optimizar el LCP, el INP y el CLS mejora la experiencia, ayuda a tu SEO y protege tus ingresos publicitarios al mismo tiempo.

Mídelos con regularidad, prioriza las imágenes y el código, reserva espacio para los anuncios y trata la velocidad como una parte más de la calidad. Tu web —y tus lectores— lo agradecerán.

Resumen final

  • Mide con datos de campo (PageSpeed Insights, Search Console) en el percentil 75.
  • LCP: optimiza imágenes, activa caché y usa una CDN.
  • INP: reduce y divide el JavaScript pesado.
  • CLS: reserva espacio para imágenes y anuncios.

Comentarios

¿Te ha resultado útil? Cuéntanos tu experiencia.