Que son los Core Web Vitals y por que importan
Los Core Web Vitals son tres metricas que Google usa para evaluar la experiencia de usuario en tu sitio web. No son una sugerencia, son un factor directo de posicionamiento. Si tu web es lenta, se mueve mientras carga o tarda en responder, Google la va a penalizar en los resultados de busqueda.
Desde 2021 estas metricas son parte oficial del algoritmo. Y no solo afectan el SEO, tambien impactan directamente en la experiencia de tus visitantes. Una web lenta pierde clientes antes de que lean tu primer parrafo.
Las 3 metricas que Google mide
LCP (Largest Contentful Paint): mide cuanto tarda en cargarse el elemento mas grande visible de la pagina. Puede ser una imagen hero, un bloque de texto o un video. La meta es que cargue en menos de 2.5 segundos. Si tarda mas de 4 segundos, Google lo considera pobre.
INP (Interaction to Next Paint): mide cuanto tarda tu web en responder cuando el usuario interactua. Cuando alguien hace clic en un boton o un menu, la respuesta visual deberia aparecer en menos de 200 milisegundos. Si tu web se congela o tarda en reaccionar, la experiencia es frustrante y Google lo detecta.
CLS (Cumulative Layout Shift): mide cuanto se mueven los elementos mientras la pagina carga. Esos botones que saltan cuando estas por hacer clic o imagenes que empujan el texto para abajo. La meta es mantener un CLS menor a 0.1. Cada salto molesta al usuario y suma puntos negativos.
Como verificar el estado de tu web
Entra a pagespeed.web.dev y pone tu URL. Google te va a dar un reporte detallado con puntuaciones especificas para cada metrica y recomendaciones concretas de mejora. Tambien podes usar Google Search Console que te muestra datos reales de usuarios que visitaron tu sitio, no solo simulaciones.
Revisa tanto la version mobile como desktop. Google prioriza la version mobile para el ranking, asi que si tu web anda perfecto en computadora pero mal en celular, vas a perder posiciones igual.
Mejoras rapidas que podes implementar hoy
Para mejorar el LCP comprimi tus imagenes con herramientas como TinyPNG o Squoosh. Usa formato WebP en vez de JPG o PNG. Implementa lazy loading para que las imagenes que no se ven al principio no frenen la carga inicial.
Para mejorar el INP elimina JavaScript innecesario, diferi los scripts que no son criticos y reduce la cantidad de plugins o librerias externas. Cada script adicional compite por recursos del navegador y retrasa la respuesta.
Para mejorar el CLS defini dimensiones fijas para imagenes y videos con atributos width y height en el HTML. Evita insertar contenido dinamico arriba del fold que empuje el resto de la pagina para abajo. Los banners de cookies y los ads son los principales culpables de layout shift.
Mejoras estructurales a mediano plazo
Activa cache del navegador para que los visitantes recurrentes carguen tu web mucho mas rapido. Usa un CDN como Cloudflare que es gratis y distribuye tu contenido en servidores de todo el mundo. Si tu hosting es muy barato y lento, considera migrar a uno mejor. La diferencia entre un hosting de 3 dolares y uno de 15 puede ser de varios segundos de carga.