Core Web Vitals: Guía para Mejorar Velocidad y Ranking
LCP, INP y CLS no son solo métricas técnicas, son la diferencia entre rankear o no. Cómo mejorarlos en la práctica.
Desde que Google incorporó los Core Web Vitals como factor de ranking en 2021, ya no podés ignorar la velocidad y la experiencia de usuario.
Las tres métricas
LCP (Largest Contentful Paint). Mide qué tan rápido carga el elemento más grande visible. Bueno: menos de 2.5 segundos. Malo: más de 4 segundos.
INP (Interaction to Next Paint). Mide qué tan rápido responde la página a interacciones. Bueno: menos de 200ms. Reemplazó al FID en 2024.
CLS (Cumulative Layout Shift). Mide cuánto se mueve el contenido mientras carga. Bueno: menos de 0.1.
Cómo mejorar el LCP
Imágenes sin optimizar son la causa más común. Usá formato WebP o AVIF, implementá un CDN, usá caché del navegador. No uses loading lazy en el hero image.
Cómo mejorar el INP
El JavaScript pesado bloquea el main thread. Divide el código en chunks, diferí scripts no críticos, usá web workers para tareas intensivas.
Cómo mejorar el CLS
Siempre especificá width y height en imágenes y videos. Reservá espacio para anuncios antes de que carguen. Usá font-display: swap para fuentes web.
Conclusión
Mejorar los Core Web Vitals requiere involucrar al equipo técnico. Un sitio rápido convierte mejor y rankea mejor: doble beneficio.