Las Core Web Vitals son tres métricas definidas por Google para medir de forma objetiva la experiencia de usuario de una página web: velocidad de carga, rapidez de respuesta a la interacción y estabilidad visual. Desde 2021 forman parte oficial de las señales de posicionamiento de Google: un factor pequeño, pero real.
¿Qué son las Core Web Vitals?
Las tres métricas son:
- LCP (Largest Contentful Paint): Cuánto tarda en aparecer el elemento visual más grande de la página.
- INP (Interaction to Next Paint): Cuánto tarda la página en reaccionar a un clic o toque del usuario.
- CLS (Cumulative Layout Shift): Cuánto se desplazan los elementos de forma inesperada mientras se carga la página.
Las tres se calculan a partir de datos de usuarios reales (telemetría anónima de usuarios de Chrome); no es una prueba de laboratorio, sino la experiencia real de visitantes reales.
LCP — Renderizado del mayor elemento con contenido
El LCP es el momento en que el usuario percibe que «la página se ha cargado»: normalmente una imagen principal, un bloque de título o el fotograma de portada de un vídeo grande. Los umbrales de Google:
| Valor | Evaluación |
|---|---|
| 2.5 segundos o menos | Bueno |
| 2.5 – 4 segundos | Necesita mejorar |
| Más de 4 segundos | Deficiente |
Las causas más frecuentes: imágenes grandes sin optimizar, tiempo de respuesta del servidor lento, archivos CSS/JS que bloquean el renderizado y fuentes que se cargan tarde.
INP — Interacción hasta el siguiente renderizado
El INP, que en 2024 sustituyó a la antigua métrica FID (First Input Delay), no mide una única primera interacción, sino la velocidad de respuesta de todas las interacciones de la página. Detecta si la pantalla se congela al pulsar un botón.
| Valor | Evaluación |
|---|---|
| 200 milisegundos o menos | Bueno |
| 200 – 500 ms | Necesita mejorar |
| Más de 500 ms | Deficiente |
La causa más frecuente es la ejecución de JavaScript pesado que mantiene ocupado el hilo principal (main thread) durante mucho tiempo; en especial, los scripts de terceros que se ejecutan durante la carga (publicidad, chat en vivo, herramientas de analítica) suelen provocarlo.
CLS — Cambio de diseño acumulado
Está a punto de hacer clic en una noticia, la página se desplaza de repente y acaba pulsando un anuncio por error: eso es exactamente lo que mide el CLS. Las imágenes sin dimensiones definidas, los espacios de anuncios/banners que se cargan después y las fuentes que se cargan tarde (font swap) son las causas más habituales.
| Valor | Evaluación |
|---|---|
| 0.1 o menos | Bueno |
| 0.1 – 0.25 | Necesita mejorar |
| Más de 0.25 | Deficiente |
¿Cómo afectan realmente al SEO?
Aquí conviene ajustar bien las expectativas: las Core Web Vitals no son un factor de posicionamiento tan potente como la calidad del contenido o la adecuación a la intención de búsqueda. Según la propia Google, actúan como criterio de desempate «entre dos contenidos igual de buenos»: una buena puntuación en Web Vitals no salvará un contenido flojo, pero entre dos páginas de calidad similar puede destacar la más rápida.
Su efecto indirecto es mayor que el directo: una página lenta e inestable ahuyenta al usuario, aumenta la tasa de rebote y reduce la duración de la sesión, y estas señales de comportamiento influyen en el posicionamiento mucho más que las Core Web Vitals.
¿Cómo se miden?
- PageSpeed Insights: Muestra en una sola pantalla tanto los datos de usuarios reales (si existen) como la prueba de laboratorio. Es el punto de partida más práctico.
- Search Console → Métricas web principales: Agrupa todas las páginas de su sitio y muestra de forma global cuáles son «buenas», «necesitan mejorar» o «deficientes».
- Chrome DevTools → Lighthouse: Ofrece un análisis instantáneo y detallado en la consola de desarrollador.
Pasos prácticos para mejorarlas
- Convierta las imágenes a formatos modernos. Use WebP/AVIF, comprímalas al tamaño real
de visualización y retrase las que quedan bajo el pliegue con
loading="lazy". - Asigne dimensiones fijas a imágenes y espacios publicitarios. Así el navegador sabe cuánto espacio reservar antes de que se cargue el contenido, lo que mejora directamente el CLS.
- Reduzca los recursos que bloquean el renderizado. Cargue de forma diferida (defer/async) los archivos CSS/JS no críticos.
- Optimice las fuentes. Use
font-display: swapy no cargue pesos/caracteres innecesarios. - Limite los scripts de terceros. Cada script de chat en vivo, analítica o publicidad que añada puede empeorar el INP; conserve solo los que realmente necesite.
- Reduzca el tiempo de respuesta del servidor. La caché (caching) y un buen alojamiento son el factor más olvidado, pero el más eficaz, del LCP.
Orden de prioridad: Normalmente la mayor mejora proviene de las imágenes: en la mayoría de los sitios, el origen del problema de LCP es una sola imagen grande sin optimizar. Corríjala primero y después pase a los demás puntos.
Si, aun con una buena velocidad de página, no consigue atraer visitantes, el cuello de botella está en la visibilidad; en ese caso, puede consultar nuestra guía para aumentar el CTR o nuestro artículo general sobre cómo aumentar el tráfico orgánico.