Los Core Web Vitals son el estándar de calidad de experiencia que Google usa para medir tu web y que los motores generativos ahora consideran al citar fuentes. LCP, INP y CLS: si no los optimizas, pierdes posiciones, conversiones y citas de IA. Esta es la guía técnica, directa y actualizada.
¿Qué son los Core Web Vitals en 2026?
Son tres métricas de campo que miden la experiencia real de los usuarios: cómo perciben la carga, la interacción y la estabilidad de la página. Google las usa como factor de posicionamiento para móviles y ahora los motores de IA, que priorizan fuentes rápidas y confiables, también las consideran al elegir qué citar.
Las 3 métricas y sus umbrales
| Métrica | Mide | Bien | Necesita mejorar |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Carga del contenido principal | ≤ 2.5 s | > 4.0 s |
| INP (Interaction to Next Paint) | Respuesta a la interacción | ≤ 200 ms | > 500 ms |
| CLS (Cumulative Layout Shift) | Estabilidad visual | ≤ 0.1 | > 0.25 |
Desde 2024 la métrica INP reemplazó a FID como señal de interactividad. El 75 percentile del tráfico real es el valor que evalúa Google, así que optimiza para la mayoría de los usuarios, no para tu laboratorio local.
¿Cómo medir los Core Web Vitals?
- PageSpeed Insights: combina laboratorio (Lighthouse) y datos de campo (CrUX) en una sola vista.
- Google Search Console > Informes de experiencia y Core Web Vitals: datos reales por URL.
- web-vitals JavaScript library en tu app para monitorear en producción con tu analítica.
- Chrome DevTools > Rendimiento para depurar causas específicas en desarrollo.
¿Cómo corregir LCP, INP y CLS?
LCP lento: qué revisar
- Optimiza la imagen del hero: carga el formato adecuado (WebP/AVIF) y usa preload con fetchpriority='high'.
- Reduce el JavaScript bloqueante y pospón scripts no críticos.
- Usa un CDN de contenido y caché de borde.
INP alto: qué revisar
- Divide el JavaScript en trozos pequeños para no bloquear el hilo principal.
- Simplifica los manejadores de eventos y evita código síncrono largo en la interacción.
- Descarga trabajo pesado a web workers o hazlo de forma asíncrona.
CLS: qué revisar
- Reserva el tamaño de imágenes, iframes y anuncios con width/height o aspect-ratio.
- Evita insertar contenido por encima del pliegue después de la carga.
- Usa font-display: swap y tamaños de fuente predefinidos para evitar saltos.
Core Web Vitals y la IA generativa
En 2026 el rendimiento dejó de ser solo un factor SEO. Los motores generativos que extraen contenido de la web priorizan páginas rápidas, estables y accesibles porque ofrecen información confiable y legible. Una web bien optimizada tiene mejores posibilidades de ser citada y de que su contenido se lea sin fricción por los rastreadores de IA.
En resumen
- LCP (≤2.5s) mide carga del contenido principal; INP (≤200ms) mide interactividad; CLS (≤0.1) mide estabilidad.
- Mide con datos de campo (CrUX y Search Console), no solo en laboratorio.
- Corrige imágenes, JavaScript y reserva de espacio para pasar los umbrales.
- El rendimiento también alimenta a la IA: páginas rápidas se citan más.
En resumen
- LCP, INP y CLS son las tres señales de experiencia que evalúa Google.
- Umbrales: LCP ≤ 2.5s, INP ≤ 200ms, CLS ≤ 0.1.
- Otimiza imágenes, divide el JS y reserva el layout para pasar sin problemas.
- En 2026 el rendimiento también define cuáles fuentes citan los LLMs.