Core Web Vitals 2025 en Perú: INP, LCP y CLS (Guía + Prioridades)

Desde 2024, INP (Interaction to Next Paint) reemplazó a FID como métrica de respuesta real. En 2025, el reto es mover INP y LCP en mobile bajo redes 3G/4G típicas de LATAM sin romper el diseño. Aquí tienes un paso a paso con foco práctico para marketing + desarrollo.

1) Umbrales que importan

• INP: Bueno <= 200 ms · A mejorar <= 500 ms · Deficiente > 500 ms.
• LCP: Bueno <= 2.5 s · A mejorar 2.5–4 s.
• CLS: Bueno <= 0.1 · A mejorar 0.1–0.25.

2) Diagnóstico express (no técnico)

1. PageSpeed Insights → revisa INP, LCP, CLS en mobile.
2. CrUX (en PSI) → valida datos de campo.
3. Search Console → páginas ‘Lentas’ por tipo de problema.

3) Acciones de alto impacto (orden sugerido)

1. INP: reduce long tasks con code-splitting, difiere scripts de terceros, usa scheduler (requestIdleCallback) y evita event handlers pesados.
2. LCP: precarga rel=preload de la imagen LCP, lazy-load del resto, y prioriza font-display: swap.
3. CLS: reserva espacios (width/height), evita late loading de banners y usa aspect-ratio.

4) Prompt guía para dev + diseño

Actúa como performance engineer. Dado el reporte PSI y la traza de performance:
- Lista 5 long tasks (>200 ms) y cómo trocearlas
- Scripts de terceros a diferir/eliminar
- Elemento LCP y cómo precargarlo
- Cambios de layout que disparan CLS y su fix

5) QA y monitoreo continuo

• Simula 4G lento y CPU x4 en DevTools.
• Rastrea INP/LCP semanales en GSC y PSI API.
• Define SLO web (p. ej., INP < 200 ms en 75.º percentil).

Checklist

• Preload de LCP y font-display aplicado.
• Scripts de terceros auditados y diferidos.
• Placeholders y aspect-ratio en medios.
• Monitoreo automático (PSI API / Lighthouse CI).

CTA: ¿Necesitas un sprint de rendimiento? Auditamos y priorizamos en 72 h.