Las Core Web Vitals son tres métricas con las que Google mide la experiencia real de quien visita una web: cuánto tarda en mostrarse el contenido principal (LCP), cuánto tarda en responder cuando el usuario interactúa (INP) y cuánto se mueve la página mientras carga (CLS). Según Google, los valores buenos son un LCP inferior a 2,5 segundos, un INP inferior a 200 milisegundos y un CLS inferior a 0,1. No garantizan posiciones por sí solas, pero Google recomienda cumplirlas porque reflejan lo que sus sistemas de clasificación quieren premiar, y una web lenta pierde visitas antes de que nadie lea nada.
¿Qué son las Core Web Vitals?
Las Core Web Vitals, o «métricas web esenciales», son el subconjunto de indicadores de experiencia de página que Google considera más importantes. Se miden con datos de usuarios reales que visitan la web desde navegadores Chrome, por lo que reflejan cómo se comporta en móviles y conexiones reales, no solo en el ordenador de quien la diseñó.
Las tres métricas, explicadas
| Métrica | Qué mide | Valor bueno | Causas habituales cuando falla |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Cuánto tarda en verse el elemento principal, como la imagen o el titular de cabecera | Menos de 2,5 s | Imágenes pesadas, servidor lento, demasiados archivos que bloquean la carga |
| INP (Interaction to Next Paint) | Cuánto tarda la página en reaccionar a un clic o una pulsación | Menos de 200 ms | Exceso de JavaScript, plugins y scripts de terceros |
| CLS (Cumulative Layout Shift) | Cuánto se desplaza el contenido de forma inesperada mientras carga | Menos de 0,1 | Imágenes sin tamaño reservado, anuncios o banners que aparecen de golpe, fuentes que cambian |
Valores según Google Search Central. El INP es la métrica que sucede al antiguo FID (retraso de la primera interacción), como explica web.dev.
¿Afectan las Core Web Vitals al posicionamiento?
Google no las presenta como un factor aislado que decida posiciones. Su documentación indica que unas buenas métricas, junto con otros aspectos de la experiencia de página, se corresponden con lo que sus sistemas principales de clasificación intentan premiar, y recomienda conseguir buenos valores para tener buenos resultados en la Búsqueda. En la práctica, el contenido relevante sigue siendo lo primero; la velocidad decide entre páginas parecidas y, sobre todo, cuánta gente se queda en la tuya.
Cómo medirlas
- Datos de campo (usuarios reales): el informe de Core Web Vitals de Search Console y la parte superior de PageSpeed Insights. Son los que usa Google, pero necesitan un mínimo de visitas para mostrarse.
- Datos de laboratorio (simulados): Lighthouse, integrado en PageSpeed Insights y en las herramientas para desarrolladores del navegador. Sirven para diagnosticar y probar mejoras al momento.
Es normal que no coincidan: el laboratorio simula un móvil concreto y los datos de campo promedian lo que viven tus visitantes reales.
Cómo mejorar las Core Web Vitals en 6 pasos
- Optimiza las imágenes. Formatos modernos como WebP o AVIF, tamaños distintos para móvil y escritorio, y carga diferida para las que están más abajo.
- Prioriza lo que se ve primero. Que la imagen o el titular principal se cargue con prioridad y no espere a scripts que no hacen falta todavía.
- Reduce el JavaScript. Revisa plugins, carruseles, chats y herramientas de terceros: cada uno añade trabajo al navegador y empeora el INP.
- Reserva el espacio. Indica ancho y alto de imágenes y vídeos, y evita que banners o avisos empujen el contenido al aparecer.
- Cuida el alojamiento. Un servidor lento o lejano retrasa todo; una red de distribución de contenidos y la compresión de archivos ayudan.
- Mide después de cada cambio. Comprueba en laboratorio al momento y confirma en datos de campo pasadas unas semanas.
Errores habituales
- Obsesionarse con sacar 100 en Lighthouse en lugar de mirar los datos de usuarios reales.
- Medir solo en escritorio cuando la mayoría de visitas llegan desde el móvil.
- Instalar un plugin de optimización encima de veinte plugins pesados en lugar de quitar lo que sobra.
- Poner un vídeo o una animación pesada en la cabecera sin medir su impacto.
Ejemplo práctico
Ejemplo tipo: describe una situación habitual, no un caso real de un cliente. Una empresa de reformas tiene una web con un carrusel de imágenes a pantalla completa en la portada, un chat de terceros y un aviso de cookies que aparece empujando el contenido. En móvil, el contenido principal tarda en mostrarse y la página da saltos al cargar. Al sustituir el carrusel por una sola imagen optimizada, cargar el chat solo cuando el usuario lo abre y reservar el espacio del aviso, las tres métricas pasan a la zona buena en las pruebas de laboratorio, y la empresa vigila después los datos de campo en Search Console.
Cómo lo abordamos en Calidrion
En Calidrion, consultora de IA y automatización en Madrid que trabaja con empresas de toda España, construimos webs rápidas desde el diseño: imágenes optimizadas, el mínimo JavaScript posible y medición con datos reales antes y después de publicar. Si te interesa también que las IAs encuentren tu web, lee cómo aparecer en ChatGPT. Puedes ver nuestro servicio de diseño web para empresas o pedirnos que revisemos la velocidad de tu web.