En mayo de 2021, Google confirmó que los Core Web Vitals son un factor de ranking directo. Desde entonces, los sitios lentos pierden posiciones frente a competidores técnicamente mejores, aunque tengan más backlinks o contenido mejor.
En 2025, con la competencia por el ranking más alta que nunca, la diferencia técnica entre tu sitio y el del competidor puede determinarte la primera página o la segunda.
Las 3 métricas que importan
Core Web Vitals son 3 métricas específicas que Google usa para evaluar la experiencia del usuario en tu sitio. No son métricas de vanidad — están correlacionadas con conversión, rebote y satisfacción real del usuario.
LCP — Largest Contentful Paint
LCP < 2.5s = verde | 2.5-4s = amarillo | > 4s = rojo (penalizado)
Qué mide: el tiempo que tarda en aparecer el elemento más grande visible en la pantalla inicial. Normalmente es una imagen hero, un video, o un bloque de texto grande.
Objetivo: menos de 2.5 segundos.
Causas frecuentes de LCP alto: imágenes sin comprimir ni optimizar, servidor lento (TTFB alto), JavaScript bloqueante que retrasa el render, CSS crítico no inline.
- Sirve imágenes en formato WebP o AVIF (30-50% más ligeras que JPEG/PNG)
- Agrega el atributo fetchpriority="high" a la imagen hero
- Usa un CDN (Cloudflare en su plan gratuito ya mejora el TTFB significativamente)
- Pre-conecta a dominios de terceros: <link rel="preconnect">
CLS — Cumulative Layout Shift
Qué mide: cuánto se mueve el contenido de la página mientras carga. El fenómeno donde ibas a hacer clic en un botón y justo antes de hacer clic apareció un anuncio y le diste a otro elemento.
Objetivo: menos de 0.1.
Causas frecuentes: imágenes sin dimensiones explícitas (el navegador no sabe cuánto espacio reservar), fuentes web que cargan tarde y desplazan el texto, anuncios que se insertan dinámicamente.
- Siempre define width y height en todas las imágenes y videos
- Carga fuentes con font-display: swap
- Reserva espacio para ads con CSS antes de que carguen
- Evita insertar contenido dinámico por encima del contenido ya visible
INP — Interaction to Next Paint
INP > 500ms en móvil: es probable que estés cargando demasiado JavaScript de terceros.
Qué mide: el tiempo de respuesta de tu página a las interacciones del usuario (clics, taps, teclas). Reemplazó a FID como métrica oficial en marzo de 2024.
Objetivo: menos de 200 milisegundos.
La causa más común de INP alto: JavaScript pesado que bloquea el hilo principal. Cada vez que el navegador ejecuta JavaScript, no puede responder a las interacciones del usuario.
- Divide el JavaScript en chunks más pequeños con code splitting
- Difiere el JavaScript no crítico con defer o dynamic imports
- Evita layout recalculations en los event handlers
- Usa Web Workers para tareas computacionalmente intensas
Cómo medir tus Core Web Vitals ahora mismo
Importante: PageSpeed muestra dos tipos de datos. Los datos de "campo" (Field Data) son los reales, basados en usuarios reales navegando tu sitio. Los datos de "laboratorio" son simulados. Google usa los datos de campo para el ranking. Ambos importan, pero si tienes que priorizar uno, prioriza los de campo.
- PageSpeed Insights (pagespeed.web.dev): análisis instantáneo con datos de campo reales
- Google Search Console → Experiencia → Core Web Vitals: tus datos históricos por categoría de página
- Chrome DevTools → Performance: diagnóstico detallado de qué está causando cada problema
- web.dev/measure: análisis completo con recomendaciones específicas por punto
Cuánto tiempo tarda en impactar el ranking
Google actualiza los datos de Core Web Vitals en Search Console con un retraso de 28 días. Las mejoras en el ranking después de optimizar suelen verse en 4-8 semanas.
En proyectos donde partimos de LCP > 5s y lo llevamos bajo 1.5s, el incremento promedio de tráfico orgánico en los 3 meses siguientes fue del 18-35%, con variaciones según la competitividad del nicho.