Los Core Web Vitals son tres métricas de rendimiento que Google usa como señal de ranking desde 2021. Miden la experiencia real de los usuarios en tu web: cuánto tarda en cargar el contenido principal, si la página se mueve al cargar y qué tan rápido responde a las interacciones. Una página lenta y poco responsiva puede estar perdiendo posiciones frente a competidores con contenido similar pero mejor rendimiento.
Las tres métricas y sus umbrales
LCP (Largest Contentful Paint): mide cuánto tarda en cargar el elemento visible más grande (normalmente la imagen hero o el H1 principal). Objetivo: menos de 2,5 segundos. Entre 2,5 y 4 segundos necesita mejora. Más de 4 segundos es malo.
INP (Interaction to Next Paint): sustituyó al FID en 2024. Mide la latencia de respuesta a cualquier interacción del usuario (clic, tap, tecla). Objetivo: menos de 200 milisegundos. Entre 200 y 500 ms necesita mejora.
CLS (Cumulative Layout Shift): mide cuánto se desplazan los elementos de la página mientras carga. Cuando un botón se mueve justo cuando vas a hacer clic o el texto salta al cargar un anuncio. Objetivo: menor de 0,1. Mayor de 0,25 es malo.
Cómo mejorar el LCP
Las causas más comunes de LCP alto son imágenes sin optimizar, CSS o JavaScript que bloquean el renderizado, y servidores lentos. Las soluciones más efectivas: comprimir imágenes hero en WebP (reducción del 30-50% de tamaño sin pérdida visible), añadir la directiva fetchpriority="high" en la imagen principal, usar CDN para recursos estáticos y revisar el Time to First Byte (TTFB) del servidor.
Cómo mejorar el CLS
El CLS suele causarlo imágenes sin dimensiones reservadas (el navegador no sabe cuánto espacio reservar hasta que carga la imagen), fuentes web que hacen swap visible y anuncios cargados dinámicamente. La solución: definir siempre width y height en todas las imágenes o usar aspect-ratio en CSS, y precargar las fuentes críticas.
Cómo mejorar el INP
El INP alto suele deberse a JavaScript que bloquea el hilo principal durante las interacciones. Las causas típicas: eventos de clic con lógica pesada, librerías JavaScript grandes y mal optimizadas, y tareas largas que monopolizan el hilo principal. La solución pasa por dividir las tareas en chunks más pequeños, usar requestIdleCallback para trabajo no urgente y reducir el JavaScript de terceros.
Cómo medir tus Core Web Vitals
PageSpeed Insights (pagespeed.web.dev) muestra tanto datos de laboratorio (simulados) como datos de campo (reales de usuarios de Chrome). Google Search Console tiene una sección específica de Core Web Vitals con datos agregados de todas tus URLs. Los datos de campo son los que Google usa realmente para el ranking.
Preguntas frecuentes
¿Los Core Web Vitals son el factor de ranking más importante? No. Son un factor de desempate. El contenido relevante y la autoridad del dominio siguen siendo más determinantes. Una página con CWV perfectos pero contenido mediocre no superará a una página con contenido excelente aunque tarde medio segundo más.
¿Afectan los Core Web Vitals igual en móvil y escritorio? Google usa principalmente los datos de móvil para el ranking (mobile-first indexing). Es prioritario tener buenos CWV en móvil aunque el tráfico principal sea de escritorio.