Core Web Vitals: cómo afectan a tu negocio online

Google lleva años avisando: la velocidad de carga y la experiencia de usuario son factores de posicionamiento. Desde 2021, los Core Web Vitals son métricas oficiales que miden exactamente eso. Si tu web es lenta, pierde posiciones en los resultados de búsqueda y, lo que es peor, pierde clientes.

No hace falta ser desarrollador para entender qué miden estas métricas ni para tomar decisiones que las mejoren. Vamos a verlo de forma práctica.

Qué son los Core Web Vitals

Son tres métricas que Google utiliza para evaluar la experiencia real de los usuarios en tu web. No miden lo rápido que carga tu web en un laboratorio, sino lo que experimenta la persona que la visita desde su móvil o su portátil.

LCP: Largest Contentful Paint

Mide cuánto tarda en aparecer el elemento más grande visible en la pantalla. Normalmente es una imagen destacada, un banner o un bloque de texto principal.

Bueno: menos de 2,5 segundos.
Necesita mejora: entre 2,5 y 4 segundos.
Malo: más de 4 segundos.

Si tu web tarda más de 4 segundos en mostrar el contenido principal, una parte significativa de los visitantes ya habrá cerrado la pestaña. Los estudios de Google indican que la probabilidad de rebote aumenta un 32 % cuando la carga pasa de 1 a 3 segundos.

INP: Interaction to Next Paint

Sustituyó al antiguo FID (First Input Delay) en marzo de 2024. Mide el tiempo que tarda la web en responder visualmente cuando el usuario hace clic, toca un botón o escribe en un formulario.

Bueno: menos de 200 milisegundos.
Necesita mejora: entre 200 y 500 milisegundos.
Malo: más de 500 milisegundos.

Un INP alto significa que tu web se siente lenta e irresponsiva. El usuario pulsa un botón de “Añadir al carrito” o “Enviar formulario” y no pasa nada durante medio segundo. Esa demora genera desconfianza y abandono.

CLS: Cumulative Layout Shift

Mide los saltos visuales inesperados en la página. Esos momentos en los que estás leyendo y de repente el contenido se mueve porque se ha cargado una imagen o un anuncio.

Bueno: menos de 0,1.
Necesita mejora: entre 0,1 y 0,25.
Malo: más de 0,25.

Un CLS alto frustra al usuario. El caso típico: vas a hacer clic en un enlace y justo en ese momento el contenido salta y pulsas un anuncio. Es una experiencia terrible que Google penaliza.

Impacto real en tu negocio

Estas métricas no son un capricho técnico. Tienen consecuencias directas en los ingresos de cualquier negocio online.

Posicionamiento en Google

Los Core Web Vitals son un factor de ranking confirmado. A igualdad de contenido y autoridad, Google favorece la web que ofrece mejor experiencia. Si tu competencia tiene una web rápida y la tuya no, estás perdiendo posiciones.

Esto es especialmente relevante para freelancers y pymes que dependen del tráfico orgánico. Si tu web profesional carga lento, la inversión en contenido y SEO rinde menos de lo que debería. También puedes revisar la relación directa entre hosting y SEO para entender cómo el servidor afecta estas métricas.

Tasa de rebote y conversiones

Los datos hablan claro. Según estudios de Deloitte y Google:

Una mejora de 0,1 segundos en la velocidad de carga puede aumentar las conversiones entre un 8 % y un 10 %.
El 53 % de los usuarios de móvil abandona una web que tarda más de 3 segundos en cargar.
Las webs con buen LCP tienen tasas de rebote hasta un 24 % más bajas.

Si tienes una tienda online, un formulario de contacto o cualquier objetivo de conversión, cada décima de segundo cuenta.

Cómo medir tus Core Web Vitals

La forma más directa es usar PageSpeed Insights (pagespeed.web.dev). Introduces tu URL y obtienes un informe con las tres métricas, tanto de datos reales de usuarios como de pruebas de laboratorio.

También puedes usar:

Google Search Console (sección “Experiencia de página”): muestra las URLs con problemas agrupadas por tipo.
Lighthouse (integrado en Chrome DevTools): útil para pruebas durante el desarrollo.
Web Vitals Extension (extensión de Chrome): muestra las métricas en tiempo real mientras navegas.

Lo importante es fijarse en los datos de campo (datos reales de usuarios), no solo en los de laboratorio. Tu web puede cargar rápido en tu ordenador de sobremesa con fibra y ser lenta para el usuario medio con 4G.

Acciones concretas para mejorarlos

No hace falta rehacerlo todo. Hay mejoras que dan resultados inmediatos.

Optimizar imágenes (mejora LCP y CLS)

Las imágenes son la causa número uno de un LCP lento. Tres acciones rápidas:

Usa formatos modernos como WebP o AVIF en lugar de JPEG o PNG. WebP reduce el peso entre un 25 % y un 35 % sin pérdida visible de calidad.
Define ancho y alto en cada imagen (width y height). Esto evita saltos de diseño porque el navegador reserva el espacio antes de cargar la imagen.
Aplica lazy loading a las imágenes que no se ven al cargar la página (loading="lazy"). La imagen principal (above the fold) no debe tener lazy loading.

Reducir y optimizar JavaScript (mejora INP)

El JavaScript excesivo bloquea el hilo principal del navegador. Si la web tiene que ejecutar mucho código, no puede responder a los clics del usuario.

Elimina scripts que no uses: plugins de analítica duplicados, widgets de chat que nadie usa, librerías cargadas “por si acaso”.
Carga los scripts no críticos con defer o async.
Considera frameworks ligeros o, mejor aún, estrategias de caché que reduzcan la carga del servidor y permitan servir contenido estático siempre que sea posible.

Elegir un buen hosting (mejora todo)

Tu servidor es la base de todo. Si el servidor tarda 800 ms en responder antes de enviar el primer byte, ninguna optimización frontend va a compensarlo.

Si estás en un hosting compartido que se queda corto, valorar un VPS o un hosting administrado puede ser la mejora con mayor impacto. Un buen servidor reduce el TTFB (Time to First Byte), que influye directamente en el LCP. Aprende más sobre cómo elegir un proveedor de hosting que asegure buen rendimiento.

En nuestra página de gestión técnica puedes ver las opciones que ofrecemos según el tipo de proyecto.

Evitar CLS con buenas prácticas de maquetación

Reserva espacio para anuncios e iframes.
Usa font-display: swap en fuentes personalizadas para evitar que el texto aparezca de golpe.
No insertes contenido dinámico por encima del contenido visible sin reservar espacio.

Cuándo buscar ayuda profesional

Si has probado las mejoras básicas y tus métricas siguen en rojo, probablemente el problema está en la arquitectura de la web o en el servidor. Rehacer la optimización desde cero puede ser más rentable que parchear.

En esos casos, contar con alguien que audite tu web, identifique los cuellos de botella y aplique las correcciones necesarias te ahorra semanas de prueba y error.

Si quieres que revise el rendimiento de tu web y te dé un plan de acción concreto, escríbeme. Analizo tus Core Web Vitals y te indico exactamente qué cambiar y en qué orden para obtener el mayor impacto con el menor esfuerzo.

Resumen

Los Core Web Vitals no son una moda pasajera. Son la forma que tiene Google de asegurarse de que las webs que recomienda ofrecen una buena experiencia. Afectan a tu posicionamiento, a tu tasa de rebote y a tus conversiones.

Las mejoras más efectivas suelen ser las más sencillas: optimizar imágenes, reducir JavaScript innecesario y tener un servidor que responda rápido. Si necesitas ayuda para aplicarlas, escríbeme.