Core Web Vitals explicados sin tecnicismos

Los Core Web Vitals son tres medidas con las que Google evalúa la experiencia real de quien visita tu web: cuánto tarda en verse lo importante (LCP), cuánto tarda en reaccionar cuando tocas algo (INP) y cuánto se mueve el contenido mientras carga (CLS). Forman parte de las señales que Google tiene en cuenta para posicionar, pero sobre todo influyen en algo más directo: si el visitante se queda o se va. Una web rápida y estable vende más y frustra menos.

Por qué deberían importarte

Piensa en la última vez que entraste en una web desde el móvil y tardó una eternidad en cargar. O cuando ibas a pulsar un botón y, de repente, la página se movió y acabaste tocando un anuncio. Eso es exactamente lo que miden los Core Web Vitals.

Para tu negocio tienen dos efectos:

• En Google: son una de las señales de experiencia de página. No hacen milagros por sí solas (el contenido manda), pero ante dos páginas parecidas, la más agradable de usar parte con ventaja.
• En tus clientes: una web lenta o inestable pierde visitas antes incluso de que lean tu oferta. Y eso no lo arregla ningún texto comercial.

Las tres métricas, una a una

LCP: cuánto tarda en verse lo importante

LCP (Largest Contentful Paint) mide el tiempo que tarda en aparecer el elemento más grande de la pantalla: normalmente la imagen de portada o el titular principal. Es la sensación de «ya ha cargado».

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

Qué lo empeora: imágenes enormes sin optimizar, un servidor lento, demasiados scripts que se cargan antes que el contenido, fuentes tipográficas pesadas.

Ejemplo: la web de un hotel con una foto de portada de varios megas recién sacada de la cámara. Preciosa, pero en el móvil tarda tanto que el visitante se aburre antes de verla.

INP: cuánto tarda en reaccionar

INP (Interaction to Next Paint) mide la rapidez con que la web responde cuando haces algo: pulsar un botón, abrir un menú, añadir un producto al carrito. Sustituyó en 2024 a una métrica anterior (FID) porque mide mejor la experiencia completa.

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

Qué lo empeora: demasiado código JavaScript ejecutándose a la vez, plugins que hacen cosas en segundo plano, chats, mapas y widgets de terceros cargados en todas las páginas.

Ejemplo: una tienda online en la que pulsas «Añadir al carrito» y no pasa nada durante un segundo. Vuelves a pulsar y acabas con dos unidades. Eso es un INP malo.

CLS: cuánto se mueve la página

CLS (Cumulative Layout Shift) mide la estabilidad visual: cuánto se desplazan los elementos mientras la página termina de cargar. No se mide en segundos, sino con una puntuación.

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

Qué lo empeora: imágenes sin dimensiones definidas, banners de cookies o avisos que empujan el contenido hacia abajo, anuncios que aparecen de golpe, fuentes que cambian de tamaño al cargar.

Ejemplo: estás leyendo un artículo y, de pronto, el texto baja medio palmo porque ha aparecido un banner arriba. Pierdes el hilo y, con suerte, no pulsas donde no querías.

Cómo saber cómo está tu web

No necesitas ser técnico para echar un vistazo. Hay herramientas gratuitas de Google:

• PageSpeed Insights: escribes la dirección de tu web y te muestra las tres métricas, tanto con datos de usuarios reales (si tu web tiene suficiente tráfico) como con una prueba de laboratorio.
• Search Console: en el apartado de experiencia verás qué páginas de tu web tienen problemas, agrupadas por tipo.

Un consejo: fíjate sobre todo en los datos de usuarios reales y en la versión móvil. Es donde suele estar el problema y es como te visita la mayoría de la gente.

Mejoras que suelen dar resultado

Sin entrar en código, estas son las acciones que más diferencia marcan en la mayoría de webs:

1. Optimizar las imágenes. Reducir su tamaño, usar formatos modernos como WebP o AVIF y cargar de forma diferida las que no se ven al principio.
2. Definir las dimensiones de imágenes y vídeos, para que el navegador reserve el hueco y nada salte.
3. Revisar los plugins y scripts de terceros. Cada chat, píxel de seguimiento o widget suma. Quita lo que no uses y carga lo demás solo donde haga falta.
4. Mejorar el alojamiento. Un servidor lento penaliza todo lo demás. A veces es el cambio más rentable.
5. Usar caché y una red de distribución de contenidos (CDN), para servir la web más rápido estés donde estés.
6. Elegir un tema o una base ligera. En WordPress, los temas que «lo hacen todo» suelen cargar mucho más de lo que necesitas.

Si tu web es WordPress, muchas de estas mejoras se consiguen con una buena configuración y mantenimiento; nuestro equipo de desarrollo WordPress se pelea con esto a diario.

Lo que no debes obsesionarte

Los Core Web Vitals importan, pero con perspectiva:

• No persigas el 100 en PageSpeed a cualquier precio. Una web que aprueba con nota en las métricas reales ya está bien.
• No sacrifiques lo que convierte. Si un vídeo de producto vende, búscale una forma de cargarlo eficiente en vez de quitarlo.
• El contenido sigue mandando. Una web rapidísima que no responde a lo que busca la gente no va a posicionar.

En resumen

Los Core Web Vitals miden tres cosas de sentido común: que tu web cargue rápido (LCP), que responda al instante (INP) y que no dé saltos (CLS). Mejorarlas ayuda en Google y, sobre todo, a que tus visitantes se queden y te contacten. La mayoría de problemas tienen soluciones conocidas: imágenes ligeras, menos scripts y un buen alojamiento.

Si tu web va más lenta de lo que te gustaría, podemos revisarla y decirte qué cambiar primero. Mira nuestro servicio de desarrollo web a medida o cuéntanos qué te pasa y le echamos un ojo.