¿Qué son las Core Web Vitals y cómo afectan tu negocio?

Desde 2021, Google incluye la experiencia del usuario como factor de posicionamiento. No es una promesa vaga: hay tres métricas concretas y medibles que Google evalúa en cada web para determinar qué tan buena es esa experiencia. Se llaman Core Web Vitals.

Si tu web tiene puntuaciones bajas en estas métricas, estás perdiendo posiciones en Google frente a competidores con webs más rápidas y estables, incluso si tu contenido es mejor. Y probablemente estás perdiendo clientes también, porque las mismas cosas que Google mide son las que hacen que los usuarios abandonen una web antes de convertir.

¿Quieres saber cómo están las Core Web Vitals de tu web? Nuestro servicio de optimización web incluye auditoría técnica completa.

Las tres métricas Core Web Vitals

LCP — Largest Contentful Paint (Renderizado del elemento más grande)

¿Qué mide? El tiempo que tarda en aparecer el elemento principal de la pantalla: generalmente la imagen hero o el título más grande de la página.

¿Por qué importa? Es la percepción de velocidad del usuario. No importa si el resto de la página carga rápido: si el elemento más visible tarda en aparecer, la experiencia se siente lenta.

Rangos de evaluación:

• ✅ Bueno: menos de 2.5 segundos
• ⚠️ Necesita mejora: entre 2.5 y 4 segundos
• ❌ Pobre: más de 4 segundos

Causas comunes de LCP alto: imágenes hero sin optimizar, servidor lento que tarda en responder, fuentes tipográficas externas que bloquean la carga inicial.

INP — Interaction to Next Paint (Respuesta a interacciones)

¿Qué mide? Qué tan rápido responde visualmente la página cuando el usuario hace algo: hace clic en un botón, despliega un menú, escribe en un formulario.

¿Por qué importa? Una web que se “congela” brevemente cada vez que interactúas con ella genera frustración, aunque el usuario no sepa identificar por qué. Es la diferencia entre una web que se siente ágil y una que se siente torpe.

Nota: INP reemplazó a FID (First Input Delay) como métrica oficial en marzo de 2024.

Rangos de evaluación:

• ✅ Bueno: menos de 200 milisegundos
• ⚠️ Necesita mejora: entre 200 y 500 milisegundos
• ❌ Pobre: más de 500 milisegundos

Causas comunes de INP alto: demasiado JavaScript ejecutándose en el hilo principal del navegador, scripts de terceros (analytics, chat, redes sociales) que bloquean las respuestas del usuario.

CLS — Cumulative Layout Shift (Desplazamiento acumulativo del diseño)

¿Qué mide? Cuánto se mueven inesperadamente los elementos de la página mientras carga. Si estás leyendo un texto y de repente sube porque una imagen terminó de cargar, eso es un CLS alto.

¿Por qué importa? Los saltos de diseño son molestos y pueden hacer que el usuario haga clic en el lugar equivocado. Es una de las experiencias más frustrantes en una web, aunque no siempre se puede describir con precisión qué está fallando.

Rangos de evaluación:

• ✅ Bueno: menos de 0.1
• ⚠️ Necesita mejora: entre 0.1 y 0.25
• ❌ Pobre: más de 0.25

Causas comunes de CLS alto: imágenes sin dimensiones definidas en el código (el navegador no reserva espacio hasta que carga la imagen), anuncios o banners que aparecen sobre el contenido, fuentes que cambian el espacio tipográfico cuando terminan de cargar.

Cómo ver las Core Web Vitals de tu web

PageSpeed Insights (pagespeed.web.dev): la forma más rápida. Ingresa tu URL y verás los resultados de LCP, INP y CLS tanto en datos de laboratorio (simulación) como en datos reales de usuarios de Chrome.

Google Search Console: en la sección “Experiencia” → “Core Web Vitals” verás un reporte de cómo Google clasifica tus páginas: buenas, necesitan mejora o malas. Es el reporte más relevante porque usa datos reales de usuarios, no simulaciones.

Chrome DevTools: para análisis más técnico. En el navegador Chrome, abre las DevTools (F12), ve a la pestaña “Lighthouse” y ejecuta un análisis. Útil para identificar exactamente qué elemento está causando cada problema.

¿Cómo afectan las Core Web Vitals al posicionamiento?

Google las integró como señal de ranking en 2021. Esto significa que, en igualdad de condiciones de contenido y autoridad entre dos webs, la que tenga mejores Core Web Vitals obtendrá preferencia en los resultados.

En la práctica, el peso de las Core Web Vitals en el algoritmo es moderado: el contenido relevante y la autoridad del dominio siguen siendo factores más determinantes. Pero en sectores competitivos, donde varias webs tienen contenido similar, las Core Web Vitals pueden ser el factor diferenciador.

Además, las mismas cosas que mejoran las Core Web Vitals (velocidad, estabilidad, respuesta ágil) también mejoran las conversiones, independientemente del SEO. Es una optimización que beneficia tanto a Google como a tus usuarios.

Qué hacer si tus métricas están en rojo

Si PageSpeed Insights o Search Console te muestra métricas en la categoría “Pobre” o “Necesita mejora”, la guía completa de velocidad web detalla las acciones específicas para mejorar cada una.

En resumen:

• LCP alto: optimiza la imagen hero (convierte a WebP, comprímela, usa loading="eager" en ella), mejora el tiempo de respuesta del servidor.
• INP alto: reduce el JavaScript que se ejecuta en el hilo principal, difiere scripts de terceros que no son críticos para la carga inicial.
• CLS alto: define dimensiones explícitas para todas las imágenes y elementos multimedia en el HTML, reserva espacio para anuncios antes de que carguen.

Si necesitas ayuda para identificar y resolver estos problemas, nuestro servicio de optimización web se especializa exactamente en esto, con mejoras implementadas directamente en tu sitio y resultados medibles.

Preguntas frecuentes

¿Las Core Web Vitals se miden en móvil o en escritorio?

En ambos, pero Google le da mayor peso a las métricas móviles, ya que la mayoría del tráfico web viene de teléfonos. Search Console muestra los reportes separados por dispositivo.

¿Con qué frecuencia debo revisar mis Core Web Vitals?

Una revisión mensual es suficiente para webs estables. Si estás haciendo cambios frecuentes en el diseño o añadiendo nuevas funcionalidades, revísalas después de cada cambio significativo.

¿Una web bien hecha ya cumple con las Core Web Vitals automáticamente?

Depende de cómo esté construida. Webs desarrolladas con frameworks modernos como Astro, que generan HTML estático, tienden a tener naturalmente muy buenas puntuaciones en Core Web Vitals. Webs en WordPress con muchos plugins suelen necesitar optimización activa. Las webs en constructores como Wix tienen un techo en las métricas que es difícil superar.

¿Las Core Web Vitals afectan también cómo me ven los modelos de IA como ChatGPT?

No directamente: los modelos de IA no procesan métricas de rendimiento como sí lo hace Google. Sin embargo, una web bien construida (que tiende a tener buenas Core Web Vitals) también es más fácil de rastrear y leer para los crawlers de los modelos de IA, lo que puede impactar indirectamente en cómo esos sistemas conocen y citan tu negocio.