Google confirmó que los Core Web Vitals son señal de ranking. Mejorarlos no solo te posiciona, también mejora la experiencia y la conversión.
Qué son los Core Web Vitals
Métricas de Google que miden la experiencia real del usuario en tu web.
Las 3 métricas clave
- LCP (Largest Contentful Paint): tiempo hasta que se carga el elemento más grande visible. Objetivo < 2.5s.
- INP (Interaction to Next Paint): tiempo de respuesta a interacciones. Objetivo < 200ms.
- CLS (Cumulative Layout Shift): estabilidad visual. Objetivo < 0.1.
Cómo medirlos
Herramientas oficiales
- PageSpeed Insights: datos de laboratorio y reales
- Search Console: informe Core Web Vitals
- Chrome UX Report: datos reales agregados
Para testing
- Lighthouse (Chrome DevTools)
- WebPageTest
- GTmetrix
Mejorar LCP (< 2.5s)
1. Optimiza el LCP element
Suele ser una imagen o un hero. Optimiza esa pieza en concreto.
2. Usa lazy loading
Carga imágenes solo cuando entran en viewport.
3. Mejora el servidor
TTFB < 600ms. Usa CDN, caché y hosting rápido.
4. Elimina render-blocking
CSS y JS críticos inline, el resto diferido.
5. Usa formatos modernos
WebP o AVIF en lugar de PNG/JPG.
Mejorar INP (< 200ms)
1. Reduce JavaScript
Cada KB de JS bloquea la interactividad. Lo esencial, nada más.
2. Divide el código
Code splitting por rutas.
3. Evita tareas largas
JS que bloquea el main thread > 50ms. Divide.
4. Usa web workers
Trabajo pesado fuera del hilo principal.
5. Optimiza third-party scripts
Cada script de terceros cuesta INP. Solo los necesarios.
Mejorar CLS (< 0.1)
1. Reserva espacio para imágenes y vídeos
Usa aspect-ratio o width/height para evitar saltos.
2. No insertes anuncios dinámicos encima del fold
3. Evita fuentes web que causan FOIT/FOUT
Usa font-display: swap o optional.
4. Anima con transform, no con width/height
Las animaciones que cambian layout causan CLS.
5. Evita banners intersticiales
Estrategia general de rendimiento
Prioriza lo visible
El usuario no ve el footer. Optimiza primero lo que ve.
Mide en móvil
Tu usuario medio está en móvil 4G. Mide ahí.
Monitoriza continuamente
Los Core Web Vitals cambian con cada deploy. Setup de alertas.
Optimiza el servidor
CDN, HTTP/3, Brotli, caché de borde.
Impacto en negocio
SEO
Mejores CWV = mejor posición. Es señal directa.
Conversión
Cada 0.1s de mejora en LCP sube conversión un 1%.
Rebote
Webs lentas tienen 2x más rebote.
Conclusión
Los Core Web Vitals no son un detalle técnico. Son una palanca que posiciona, convierte y retiene. Invierte en ellos.
¿Tu web pasa el test? Te lo medimos gratis.