Core Web Vitals (o “Métricas web principales”) son una serie de indicadores que define Google para medir si una página web ofrece una buena experiencia a los usuarios. Se centran en tres cosas muy concretas: lo rápido que carga lo importante de la página, lo rápido que responde cuando haces algo (como un clic) y lo estable que se mantiene el diseño mientras se carga.
Definición sencilla
Los Core Web Vitals son “señales de calidad” que Google utiliza para saber si una web resulta cómoda y fácil de usar para las personas. Si estas métricas son buenas, la web suele cargar rápido, responde sin retrasos y no “baila” el contenido mientras se muestra en la pantalla.
Las tres métricas principales
Estas métricas se miden con tres indicadores técnicos, pero la idea detrás de cada uno es muy fácil de entender:
- Largest Contentful Paint (LCP): mide cuánto tarda en aparecer en pantalla el contenido principal de la página (por ejemplo, el texto o imagen grande del centro). Cuanto menos tarde, mejor se siente la velocidad para el usuario.
- Interaction to Next Paint (INP) o First Input Delay (FID, su métrica anterior): mide el retraso entre que el usuario hace algo (como pulsar un botón) y la respuesta de la página. Si hay mucha espera, la web parece lenta aunque ya se vea en pantalla.
- Cumulative Layout Shift (CLS): mide cuánto “se mueven” los elementos de la página mientras carga. Por ejemplo, cuando vas a hacer clic en un botón y se desplaza porque apareció un anuncio de repente.
Por qué son importantes
- Mejoran la experiencia del usuario: si una web carga rápido, responde al instante y no cambia de sitio los elementos, es más agradable de usar y la gente permanece más tiempo.
- Ayudan al posicionamiento en Google: estas métricas se usan como uno de los factores para decidir qué páginas se muestran más arriba en los resultados de búsqueda.
- Facilitan detectar problemas: al ser números claros, los responsables de una web pueden ver qué falla (carga lenta, mala respuesta, diseño inestable) y centrarse en mejorarlo.
Un ejemplo fácil
Imagina dos tiendas online que venden el mismo producto al mismo precio.
En la primera, la página tarda poco en cargar, el botón de “Añadir al carrito” responde al instante y nada se mueve mientras lees.
En la segunda, la imagen principal tarda mucho en aparecer, el botón responde con retraso y el contenido se desplaza justo cuando vas a hacer clic.
La primera tienda tendrá mejores Core Web Vitals, ofrecerá una experiencia más cómoda y tendrá más probabilidades de gustar tanto a los usuarios como a Google.
