Desde 2021, Google usa la experiencia de carga de tu página como factor de ranking. No es una sugerción técnica de un blog de desarrolladores — es un criterio real que decide si apareces en la primera página o en la tercera. Esto es lo que mide y cómo arreglarlo.

Las 3 métricas que importan

LCP (Largest Contentful Paint): mide cuánto tarda en aparecer el elemento más grande visible (normalmente una imagen hero o un bloque de texto grande). Google considera “bueno” menos de 2.5 segundos.

Causa común: imágenes sin optimizar, hosting lento, o CSS/JS bloqueando el renderizado antes de mostrar contenido.

INP (Interaction to Next Paint): mide qué tan rápido responde tu sitio cuando alguien hace clic, escribe o interactúa. Reemplazó a FID en 2024 porque mide la experiencia completa, no solo el primer clic. Bueno: menos de 200ms.

Causa común: JavaScript pesado ejecutándose en el hilo principal, demasiados scripts de terceros (pixeles, chats, analytics mal implementados).

CLS (Cumulative Layout Shift): mide cuánto “brinca” tu página mientras carga — cuando un botón se mueve justo cuando ibas a darle clic. Bueno: menos de 0.1.

Causa común: imágenes o anuncios sin dimensiones definidas, fuentes que cargan tarde y empujan el texto, banners que aparecen después de la carga inicial.

Por qué “se ve bien” no es suficiente

Un sitio puede verse perfecto en tu pantalla de escritorio con fibra óptica y fallar completamente en el celular de un cliente con datos móviles en zona de señal débil. Google mide con datos reales de usuarios (CrUX), no con una prueba aislada en condiciones ideales. Por eso un sitio “que se ve rápido” para ti puede estar reprobando en Search Console.

Cómo salir del hoyo

1. Diagnóstico real: revisa el reporte de Core Web Vitals en Google Search Console (datos de campo, no de laboratorio) y complementa con PageSpeed Insights.
2. Ataca el LCP primero: casi siempre es la ganancia más rápida — optimiza la imagen o elemento principal, activa caché de servidor, considera un CDN.
3. Reduce JavaScript de terceros: cada pixel de tracking, cada widget de chat, cada script de terceros que no revisas suma peso. Audita y elimina lo que no genera valor medible.
4. Reserva espacio para todo: define width y height en imágenes y videos, y usa font-display: swap para que las fuentes no muevan el layout al cargar.
5. Vuelve a medir: esto no es una tarea de una sola vez. Cada plugin nuevo, cada imagen que subes, puede volver a romper tus métricas.