Core Web Vitals: cómo afecta la velocidad de tu web al SEO

Una web lenta pierde clientes antes de que lleguen a leer nada, y Google lo sabe. Por eso mide la experiencia de carga con tres indicadores, los Core Web Vitals, y los tiene en cuenta al posicionar. Te explicamos qué mide cada uno, qué valores son buenos y qué puedes mejorar aunque no seas programador.

Qué son los Core Web Vitals

Son tres métricas que Google usa para medir si una página se siente rápida y estable para quien la visita. Se miden con datos de usuarios reales de Chrome y también en laboratorio con herramientas como PageSpeed Insights.

LCP (Largest Contentful Paint)

Mide cuánto tarda en aparecer el elemento principal de la página, normalmente el titular grande o la imagen principal. Lo bueno es que esté por debajo de 2,5 segundos.

INP (Interaction to Next Paint)

Mide cuánto tarda la página en responder cuando tocas algo: un botón, un menú, un campo del formulario. Lo bueno es que esté por debajo de 200 milisegundos. Sustituyó a la antigua métrica FID en 2024.

CLS (Cumulative Layout Shift)

Mide cuánto se mueven los elementos mientras carga la página, como cuando vas a pulsar un botón y salta porque ha aparecido una imagen o un anuncio encima. Lo bueno es que esté por debajo de 0,1.

Por qué importan más allá de Google

Las métricas son una señal de posicionamiento, pero su efecto más directo está en las ventas: cuanto más tarda una web en mostrar algo útil en el móvil, más gente se va sin esperar. Y una web que salta mientras carga genera desconfianza y clics equivocados.

Cómo mejorar tus Core Web Vitals

Para mejorar el LCP

• Comprime las imágenes y sírvelas en formatos modernos (WebP o AVIF) con el tamaño justo.
• No uses un vídeo o una imagen enorme como fondo de la primera pantalla; un titular de texto carga mucho antes.
• Usa un hosting decente y caché.
• Reduce las fuentes tipográficas y precárgalas.

Para mejorar el INP

• Reduce el JavaScript: cada plugin, widget o píxel de seguimiento añade trabajo al navegador.
• Carga los scripts no esenciales (chats, analítica, mapas) después de la carga inicial o cuando el usuario los necesite.
• Evita constructores visuales muy pesados en WordPress.

Para mejorar el CLS

• Indica siempre el ancho y el alto de imágenes y vídeos.
• Reserva el espacio de banners, avisos de cookies o anuncios.
• Usa fuentes con un sistema de respaldo que ocupe lo mismo, para que el texto no se mueva al cambiar de fuente.

Casi siempre, la mejora más rápida y con más efecto es optimizar las imágenes. Es lo primero que revisamos en cualquier web lenta.

Cómo medir tus Core Web Vitals

• PageSpeed Insights: pega la URL y te da datos reales de usuarios (si hay suficientes) y un análisis de laboratorio con recomendaciones.
• Search Console: el informe de Core Web Vitals agrupa las páginas de tu web con problemas.
• Las herramientas de desarrollo de Chrome: para quien quiera ver el detalle de cada carga.

Mide siempre la versión móvil, que es la que Google usa para posicionar. En las webs que diseñamos, los Core Web Vitals en verde son un requisito antes de publicar, como contamos en diseño web. Si tu web actual va lenta, lo resolvemos en el SEO técnico.