Desde 2021, Google incorporó los Core Web Vitals como señal de ranking oficial. En 2024 actualizó una de las tres métricas principales. Si tu sitio tiene malos puntajes, está perdiendo posiciones en los resultados de búsqueda, sin importar qué tan bueno sea su contenido.
LCP — Largest Contentful Paint
Mide cuánto tarda en cargar el elemento visual más grande de la página (generalmente la imagen del hero o el bloque de texto principal). Bueno: menos de 2.5 segundos. Necesita mejora: 2.5–4 segundos. Malo: más de 4 segundos.
Para mejorar el LCP: preload de la imagen hero, servir imágenes en WebP, usar CDN, y eliminar scripts que bloquean el render.
INP — Interaction to Next Paint
Reemplazó a FID en 2024. Mide la respuesta del sitio a todas las interacciones del usuario (clicks, taps, teclas) durante toda la visita. Bueno: menos de 200ms.
CLS — Cumulative Layout Shift
Mide cuánto "salta" el contenido mientras carga. Todos vivimos esto: estás por tocar un botón y de repente se mueve porque apareció un banner. Bueno: menos de 0.1.
Las causas más comunes: imágenes sin dimensiones definidas, fuentes web que cambian el texto al cargar (FOUT), y anuncios o embeds que se inyectan sin reservar espacio.
Cómo medir tus Core Web Vitals
- PageSpeed Insights (pagespeed.web.dev): análisis gratuito con datos reales de usuarios Chrome
- Google Search Console: sección "Experiencia de página" con datos por URL
- Lighthouse en DevTools de Chrome: análisis local y rápido
Pasos concretos para mejorar
- Convertir todas las imágenes a WebP y definir width/height en el HTML
- Agregar
loading="lazy"a imágenes fuera del viewport inicial - Eliminar plugins y scripts innecesarios (cada uno agrega milisegundos)
- Usar
font-display: swappara fuentes web - Minimizar y comprimir CSS/JS con herramientas como esbuild o Vite
Los Core Web Vitals no son perfectos, pero son objetivos y medibles. Un sitio con buenas métricas convierte mejor, posiciona mejor y genera mejor experiencia. Triple beneficio.