Que son los Core Web Vitals y por que te afectan
Los Core Web Vitals son tres metricas que Google usa para medir la experiencia de usuario de tu web: LCP (carga), INP (interactividad) y CLS (estabilidad visual). Desde 2021 son un factor de ranking oficial, lo que significa que si tu web no los cumple, estas perdiendo posiciones frente a competidores que si lo hacen.
No son metricas inventadas para complicarte la vida. Representan las tres cosas que mas frustran a los usuarios: que la pagina tarde en mostrar contenido, que no responda cuando hacen clic, y que el contenido se mueva de lugar mientras intentan leer o interactuar.
LCP: Largest Contentful Paint
Mide cuanto tarda en cargarse el elemento mas grande visible en la pantalla, generalmente una imagen hero o un bloque de texto principal. El objetivo es que sea menos de 2.5 segundos. Para mejorarlo: optimiza y comprimi tus imagenes principales, usa un CDN para servir contenido desde servidores cercanos al usuario, mejora tu plan de hosting si es necesario y precarga los recursos criticos usando link preload en tu HTML.
INP: Interaction to Next Paint
- Mide la latencia de las interacciones del usuario: cuanto tarda la pagina en responder a un clic o tap
- El objetivo es que sea menos de 200 milisegundos para que se sienta instantaneo
- Mejoralo reduciendo el JavaScript pesado que bloquea el hilo principal del navegador
- Dividi las tareas largas de JavaScript en fragmentos mas chicos usando requestIdleCallback
- Usa web workers para mover procesos pesados a segundo plano sin afectar la interfaz
CLS: Cumulative Layout Shift
Mide cuanto se mueve el contenido de tu pagina mientras carga. Esos saltos molestos cuando estas por tocar un boton y de repente se mueve porque cargo una imagen arriba. El objetivo es un CLS menor a 0.1. Para lograrlo, defini siempre las dimensiones de ancho y alto en todas tus imagenes y videos, reserva espacio para anuncios y banners antes de que carguen, y evita insertar contenido dinamico por encima del area visible.
Como medirlos y armar un plan de mejora
Usa Google PageSpeed Insights para mediciones de laboratorio con recomendaciones concretas. Revisa Google Search Console en la seccion Core Web Vitals para ver datos reales de tus usuarios. Instala la extension Web Vitals de Chrome para testing rapido mientras navegas tu propio sitio. Monitorea estas metricas al menos una vez por mes y prioriza arreglar lo que este en rojo. Las mejoras en Core Web Vitals suelen tener impacto visible en tu posicionamiento dentro de las 4 a 6 semanas siguientes.