Las tres únicas métricas de rendimiento que seguimos en serio
LCP, INP, CLS. Todo lo demás es ruido hasta que estas tres estén en verde.
Cada sitio nuevo que recibimos para migración tiene el mismo problema: un dashboard lleno de métricas de vanidad y una home que tarda cuatro segundos en cargar en un Android de gama media.
Nosotros solo miramos tres números.
1. LCP — Largest Contentful Paint
Objetivo: menos de 2,5 s en 4G, dispositivo medio.
Los sospechosos habituales: imágenes hero sin optimizar, fuentes bloqueantes, scripts render-blocking en el <head>. Corregir esos tres puntos = 80 % de las ganancias de LCP.
2. INP — Interaction to Next Paint
Objetivo: menos de 200 ms.
La métrica que reemplazó a FID en 2024. Captura el lag que el usuario siente de verdad — taps lentos, menús que se traban, todo eso que hace que un sitio se sienta "barato" sin que nadie sepa decir por qué.
3. CLS — Cumulative Layout Shift
Objetivo: inferior a 0,1.
Reservar el espacio de imágenes y anuncios. Cargar web fonts con size-adjust. No insertar contenido por encima del fold después del primer render. Eso es el 95 % del CLS.
Lo que ignoramos
- Peso de página en KB — es un proxy, no una métrica.
- TTFB — importa, pero es problema de hosting/SSR, resuelto en Amazon Web Services (AWS).
- Scores de Lighthouse — útiles en desarrollo, no en producción.
Tres números. Un dashboard. Verde o no verde.