Core Web Vitals 2026: Guía completa de LCP, INP y CLS

¿Qué son los Core Web Vitals?

Los Core Web Vitals son un conjunto de métricas establecidas por Google en 2020 para medir la experiencia de usuario de una web. Desde mayo de 2021, forman parte oficial de los factores de ranking de Google, lo que significa que afectan directamente tu posicionamiento en los resultados de búsqueda.

A diferencia de otras métricas de velocidad más técnicas, los Core Web Vitals están diseñados para medir aspectos de la experiencia del usuario que realmente importan: ¿cuánto tarda en ver el contenido principal?, ¿responde rápido a sus clics?, ¿se mueve el contenido mientras carga?

Las 3 métricas Core Web Vitals

LCP — Largest Contentful Paint

El LCP mide el tiempo que tarda en cargarse el elemento más grande visible en la pantalla: normalmente una imagen hero, un video o un bloque de texto grande.

Umbrales de referencia:

• Bueno: menos de 2.5 segundos
• Mejorable: entre 2.5 y 4 segundos
• Malo: más de 4 segundos

Cómo mejorar el LCP:

• Optimiza y comprime las imágenes hero (usa WebP)
• Usa un CDN para servir los recursos estáticos
• Elimina recursos que bloquean el renderizado (JS/CSS no crítico)
• Agrega loading="eager" y fetchpriority="high" a la imagen principal
• Usa preload para los recursos críticos above the fold

INP — Interaction to Next Paint

El INP reemplazó al FID (First Input Delay) en marzo de 2024. Mide la capacidad de respuesta de tu página a las interacciones del usuario: clics, toques en pantalla y pulsaciones de teclado.

Umbrales de referencia:

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

Cómo mejorar el INP:

• Reduce el JavaScript que se ejecuta en el hilo principal
• Divide las tareas largas de JavaScript en partes más pequeñas
• Usa Web Workers para tareas pesadas
• Optimiza los event handlers para que respondan rápidamente
• Evita layouts y reflows innecesarios en respuesta a interacciones

CLS — Cumulative Layout Shift

El CLS mide la estabilidad visual de tu página. Un CLS alto significa que los elementos se mueven inesperadamente mientras la página carga, lo que frustra a los usuarios que intentan hacer clic en algo.

Umbrales de referencia:

• Bueno: menos de 0.1
• Mejorable: entre 0.1 y 0.25
• Malo: más de 0.25

Cómo mejorar el CLS:

• Define siempre el width y height de las imágenes en el HTML
• Reserva espacio para los anuncios antes de cargarlos
• Evita insertar contenido dinámico above the fold sin reservar su espacio
• Usa font-display: swap para las fuentes web y define tamaños similares
• Carga las fuentes web con preload para evitar FOIT/FOUT

Cómo medir tus Core Web Vitals

Datos de campo vs datos de laboratorio

Hay dos tipos de medición para los Core Web Vitals:

Datos de campo (Field Data): Son los datos reales de usuarios reales visitando tu web, recogidos por Chrome y disponibles en el Chrome User Experience Report (CrUX). Google usa estos datos para el ranking.

Datos de laboratorio (Lab Data): Son simulaciones controladas con herramientas como Lighthouse o PageSpeed Insights. Son útiles para diagnosticar problemas pero no son los que Google usa para el ranking.

Herramientas para medir Core Web Vitals

1. Google Search Console — Sección "Experiencia" — Core Web Vitals: muestra el estado real de tus URLs según datos de campo de Chrome. Es la fuente más importante.

2. PageSpeed Insights (pagespeed.web.dev): Combina datos de campo (CrUX) con datos de laboratorio (Lighthouse). Ideal para diagnóstico página por página.

3. Chrome DevTools — Pestaña Lighthouse: Análisis de laboratorio rápido directamente desde el navegador.

4. SEO Radar: Analiza automáticamente los Core Web Vitals de tu web con datos reales de CrUX y te da recomendaciones específicas para mejorarlos.

Core Web Vitals y SEO: ¿cuánto impactan en el ranking?

Google ha confirmado que los Core Web Vitals son un factor de ranking, pero con matices importantes. Su impacto es relativamente moderado comparado con factores como la relevancia del contenido y los backlinks. Dicho esto, cuando dos páginas compiten por la misma posición con contenido similar, los Core Web Vitals pueden ser el factor decisivo.

Además de su impacto directo en el ranking, los Core Web Vitals afectan indirectamente al SEO a través de métricas de comportamiento: un sitio más rápido y estable tiene menor tasa de rebote, mayor tiempo en página y mejor tasa de conversión, señales que Google también valora.

Conclusión

Mejorar los Core Web Vitals es una inversión que impacta tanto en el SEO como en la experiencia del usuario y las conversiones. Con SEO Radar puedes medir y monitorear los Core Web Vitals de tu web con datos reales de Chrome, identificar exactamente qué páginas tienen problemas y recibir recomendaciones específicas para mejorarlos.