Los Core Web Vitals son un conjunto de métricas específicas que Google utiliza para evaluar la experiencia de usuario de las páginas web. Desde 2021, son un factor de posicionamiento directo en Google Search. Comprenderlos y mejorarlos es esencial tanto para el rendimiento como para el SEO.

Los Tres Core Web Vitals

Largest Contentful Paint (LCP)

El LCP mide el rendimiento de carga — específicamente, cuándo el elemento de contenido visible más grande en la ventana gráfica termina de renderizarse. Google considera que el LCP es bueno cuando ocurre dentro de los 2,5 segundos de carga de página.

Elementos LCP comunes:

Imágenes hero
Bloques de texto grandes (H1s sin imagen encima)
Imágenes de fondo con contenido encima

Cómo mejorar el LCP:

Optimiza y comprime las imágenes hero (usa formato WebP/AVIF)
Utiliza una Red de Distribución de Contenido (CDN)
Precarga recursos críticos con <link rel="preload">
Elimina JavaScript y CSS que bloquean el renderizado
Implementa renderizado en el servidor o generación estática

Cumulative Layout Shift (CLS)

El CLS mide la estabilidad visual — cuánto se desplaza inesperadamente el diseño de la página mientras se carga. Una buena puntuación de CLS es de 0,1 o menos.

Causas comunes de desplazamientos de diseño:

Imágenes sin atributos explícitos de ancho/alto
Anuncios, embeds o iframes sin espacio reservado
Contenido inyectado dinámicamente encima del contenido existente
Fuentes web que causan FOIT (Flash de texto invisible) o FOUT

Cómo mejorar el CLS:

Siempre establece width y height en elementos de imagen y vídeo
Reserva espacio para anuncios y contenido dinámico
Usa font-display: optional para fuentes web
Evita insertar contenido encima del existente salvo que sea por interacción del usuario

Interaction to Next Paint (INP)

El INP reemplazó al First Input Delay (FID) como Core Web Vital en marzo de 2024. Mide la interactividad — la latencia de todas las interacciones del usuario (clics, toques, entrada de teclado) durante todo el ciclo de vida de la página. Un buen INP es de 200ms o menos.

Cómo mejorar el INP:

Divide las tareas largas (tareas que tardan más de 50ms en el hilo principal)
Aplaza el JavaScript no esencial
Usa web workers para cálculos pesados
Optimiza los manejadores de eventos para que se completen rápidamente
Minimiza el impacto de scripts de terceros

Cómo Medir los Core Web Vitals

Datos de Campo vs Datos de Laboratorio

Los datos de campo (Monitoreo de Usuario Real) provienen de usuarios reales a través del Chrome User Experience Report (CrUX). Esto es lo que Google usa para el posicionamiento. Usa Google Search Console → informe de Core Web Vitals.

Los datos de laboratorio provienen de pruebas controladas como Lighthouse, PageSpeed Insights o Krokanti Audit. Los datos de laboratorio son útiles para depurar pero pueden diferir de los datos de campo.

Herramientas

Krokanti Audit: Ejecuta una auditoría completa para ver los tres CWVs con calificaciones de aprobado/reprobado y recomendaciones específicas
Google PageSpeed Insights: Muestra tanto datos de laboratorio como de campo
Chrome DevTools: Pestaña de rendimiento para análisis detallado
Extensión Web Vitals de Chrome: Superposición en tiempo real mientras navegas

El Impacto Empresarial

Las investigaciones demuestran consistentemente que mejorar los Core Web Vitals conduce a resultados empresariales medibles:

Cada mejora de 100ms en el LCP se correlaciona con un ~1% de aumento en la tasa de conversión (Google/Deloitte)
Los sitios con buen CLS tuvieron 24% menos tasas de abandono de sesión (Google)
Mejorar el INP puede reducir las tasas de rebote entre un 8-20% según la industria

Una Lista de Verificación Práctica

Antes de tu próximo despliegue, verifica:

Todas las imágenes tienen atributos explícitos width y height
Las imágenes hero están precargadas y servidas en formatos modernos
No hay scripts que bloqueen el renderizado en <head> sin defer o async
Las fuentes web usan font-display: swap u optional
No hay desplazamientos de diseño inesperados al desplazarse o interactuar
Todos los manejadores de clics/toques responden en menos de 200ms

Ejecuta una auditoría gratuita de tu sitio con Krokanti Audit para ver tus puntuaciones exactas de Core Web Vitals y obtener recomendaciones específicas adaptadas a tu sitio.