Solo el 47% de los sitios web pasan los Core Web Vitals de Google. Los que no lo hacen pierden entre 8% y 35% en conversiones, rankings y revenue. Un retraso de 100 milisegundos en carga puede reducir conversión un 7%. En 2026, optimizar LCP, INP y CLS no es opcional: es requisito básico para competir en SEO y conversión.
1. Qué son los Core Web Vitals
Los Core Web Vitals son tres métricas específicas que Google usa para medir la experiencia real del usuario:
| Métrica | Qué mide | Umbral «Bueno» |
|---|---|---|
| LCP (Largest Contentful Paint) | Velocidad de carga visual | < 2,5 segundos |
| INP (Interaction to Next Paint) | Responsividad a interacciones | < 200 milisegundos |
| CLS (Cumulative Layout Shift) | Estabilidad visual | < 0,1 |
Para pasar la evaluación, al menos el 75% de las visitas a tu página debe cumplir estos umbrales.
2. Por qué importan para SEO
Google confirmó los Core Web Vitals como factor de ranking desde 2021. En 2026:
- Representan aproximadamente 10-15% de las señales de ranking
- Sitios con LCP >3 segundos perdieron 23% más tráfico que competidores rápidos
- Puntuaciones INP >300ms causaron caídas del 31%, especialmente en móvil
- En resultados competitivos, quien cumple CWV tiene ventaja clara
3. Impacto en conversión y negocio
Los Core Web Vitals afectan directamente a métricas de negocio:
| Mejora | Resultado | Empresa/Caso |
|---|---|---|
| 40% reducción tiempo percibido | +15% tráfico SEO, +15% signups | |
| 31% mejora LCP | +8% ventas, +15% cart-to-visit | Vodafone |
| 1s mejora LCP | -14% bounce rate, +13% conversión | Renault |
| Optimización CLS | +15% page views, +13% duración sesión | Yahoo! JAPAN |
Pasar de «Poor» a «Good» en todos los CWV puede significar +25% en conversión.
4. LCP: Largest Contentful Paint
LCP mide cuánto tarda en renderizar el elemento más grande visible en el viewport inicial (normalmente imagen hero o bloque de texto principal).
Causas comunes de LCP lento:
- Imágenes no optimizadas (tamaño excesivo, formato antiguo)
- Recursos bloqueantes (CSS y JS que bloquean renderizado)
- Tiempo de respuesta del servidor lento
- Carga perezosa aplicada a imagen LCP
- Fuentes web sin preload
Cómo mejorar LCP:
- Usa WebP o AVIF para imágenes
- Preload de imagen hero:
<link rel="preload" as="image" href="hero.webp"> - Elimina o difiere JS no crítico
- CDN para reducir latencia
- Cache efectivo de recursos estáticos
5. INP: Interaction to Next Paint
INP (que reemplazó a FID en marzo 2024) mide la latencia de todas las interacciones del usuario durante la visita, no solo la primera.
Causas comunes de INP pobre:
- JavaScript que bloquea el main thread
- Third-party scripts pesados (analytics, ads, chat)
- Hidratación lenta en frameworks JS
- Event handlers ineficientes
Cómo mejorar INP:
- Divide tareas largas de JS (yield to main thread)
- Lazy load de scripts third-party
- Usa requestIdleCallback para tareas no urgentes
- Optimiza event handlers (debounce, throttle)
- Audita y elimina scripts innecesarios
6. CLS: Cumulative Layout Shift
CLS mide cuánto se mueve el contenido inesperadamente mientras carga. Nada frustra más que hacer clic en un botón y que se mueva justo antes.
Causas comunes de CLS alto:
- Imágenes sin dimensiones definidas
- Ads, embeds o iframes sin espacio reservado
- Fuentes web que causan FOUT/FOIT
- Contenido inyectado dinámicamente
- Animaciones que afectan layout (no transform)
Cómo mejorar CLS:
- Siempre define width y height en imágenes
- Reserva espacio para ads con contenedores de tamaño fijo
- Usa font-display: optional o swap con fallback similar
- Prefiere transform y opacity para animaciones
- Evita insertar contenido encima de contenido existente
7. Herramientas de medición
| Herramienta | Tipo de datos | Uso |
|---|---|---|
| PageSpeed Insights | Lab + Field (CrUX) | Diagnóstico rápido |
| Google Search Console | Field (CrUX) | Monitoreo a lo largo del tiempo |
| Chrome DevTools | Lab | Debugging detallado |
| Lighthouse | Lab | Auditoría completa |
| Web Vitals Extension | Real-time | Testing rápido mientras navegas |
| CrUX Dashboard | Field | Datos históricos agregados |
8. Problemas específicos de ecommerce
Las tiendas online tienen desafíos particulares:
- Múltiples imágenes de producto: Carruseles pesados que afectan LCP
- Scripts de terceros: Chat, reviews, analytics, retargeting
- Contenido dinámico: Precios, stock, recomendaciones que causan CLS
- Checkout complejo: Validaciones y cálculos que bloquean INP
- Filtros y ordenación: Re-renders que afectan responsividad
9. Checklist de optimización CWV para ecommerce
- ✅ Imágenes en WebP con dimensiones definidas
- ✅ Preload de imagen hero de producto
- ✅ Lazy load de imágenes below-the-fold
- ✅ CSS crítico inline, resto diferido
- ✅ JS third-party con defer o lazy load
- ✅ Espacio reservado para reviews/ratings que cargan async
- ✅ Skeleton loaders en lugar de contenido que salta
- ✅ font-display configurado para evitar FOUT
- ✅ CDN con cache agresivo
- ✅ Monitoreo continuo en Search Console
10. ROI de optimizar Core Web Vitals
La inversión en CWV tiene retorno medible:
- +25% conversión al pasar de Poor a Good
- -35% bounce rate por mejor experiencia
- +30% revenue por mayor engagement
- +8-15% mejora en rankings SEO
Con solo 47% de sitios pasando todos los CWV, optimizar crea ventaja competitiva real.
Conclusión
Los Core Web Vitals son factor de ranking confirmado y afectan directamente a conversión y revenue. Con LCP <2,5s, INP <200ms y CLS <0,1 como objetivos, la optimización requiere trabajo técnico pero tiene ROI demostrado. Casos como Pinterest (+15% tráfico), Vodafone (+8% ventas) y Renault (+13% conversión) prueban el impacto. Empieza midiendo en PageSpeed Insights, prioriza los problemas más graves y monitoriza progreso en Search Console. En 2026, pasar Core Web Vitals es requisito mínimo para competir.