INP (Interaction to Next Paint)
Definición
Mide cuánto tarda la página en responder visualmente a una interacción del usuario (click, tap, key). Threshold: <200ms = bueno; 200-500ms = aceptable; >500ms = malo. Reemplazó a FID en marzo 2024 como parte de Core Web Vitals.
Por qué importa
Si tu página tarda 600ms en reaccionar a un click, el usuario asume que está rota. INP alto en mobile suele ser el smell de páginas con demasiado JavaScript no-crítico.
Cómo aplicarlo
- 01Identifica los handlers más caros con DevTools Performance tab.
- 02Divide JS pesado con dynamic imports y code splitting.
- 03Aplaza scripts de tracking/analytics con `defer` o load post-interaction.
- 04Usa `requestIdleCallback` para tareas no críticas.