¿Qué son los Core Web Vitals?
Core Web Vitals (CWV) son 3 métricas técnicas que Google considera críticas para la experiencia del usuario. Las hizo factor oficial de ranking en 2021. En 2024 reemplazó FID por INP.
Las 3 métricas de CWV
| Métrica | Qué mide | Bueno | Necesita mejora | Malo |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Tiempo en que aparece el elemento más grande | < 2.5s | 2.5-4s | > 4s |
| CLS (Cumulative Layout Shift) | Estabilidad visual durante carga | < 0.1 | 0.1-0.25 | > 0.25 |
| INP (Interaction to Next Paint) | Tiempo en responder a interacción del usuario | < 200ms | 200-500ms | > 500ms |
Cómo medir tus Core Web Vitals
- PageSpeed Insights: prueba URL individual
- Google Search Console → Core Web Vitals: vista global del sitio
- Chrome DevTools → Lighthouse: análisis local
- Web Vitals Extension de Chrome: monitor en vivo
Cómo mejorar LCP
- Comprimir imagen del hero (WebP)
- Preload de imagen principal:
<link rel="preload" as="image"> - Reducir tiempo de respuesta del servidor (CDN)
- Eliminar render-blocking JavaScript/CSS
- Usar fuentes web optimizadas (preconnect)
Cómo mejorar CLS
- Reservar espacio para imágenes (width + height)
- Evitar inyectar contenido dinámico arriba del fold
- Cargar fuentes con font-display: swap correcto
- Reservar espacio para anuncios y embebidos
Cómo mejorar INP
- Reducir JavaScript ejecutado en interacciones
- Diferir scripts no críticos con defer/async
- Web Workers para tareas pesadas
- Optimizar event handlers (debounce, throttle)
- Code splitting (cargar solo lo necesario)
En Weblindrome ofrecemos desarrollo web para PyMEs mexicanas. Solicita un diagnóstico gratuito.