INP (Interacción hasta el siguiente pintado) es una métrica de Core Web Vitals que mide la latencia más larga de interacción a pintado en una página durante la visita del usuario, reemplazando a FID en marzo de 2024.
Una "interacción" es un clic, toque o pulsación de tecla que activa JavaScript. INP mide la latencia en el peor de los casos entre todas las interacciones, no el promedio, por lo que un clic lento en un filtro puede arruinar el INP para toda la sesión. Umbrales de 2026: ≤ 200ms bueno, ≤ 500ms necesita mejora, > 500ms pobre.
Soluciones comunes para INP en comercio electrónico: reducir JavaScript del lado del cliente a través de React Server Components, usar startTransition para actualizaciones de estado no urgentes, usar useOptimistic para retroalimentación instantánea en el cambio de variante y agregar al carrito, debilitar las entradas de búsqueda con AbortController, elevar literales de regex fuera de los controladores de eventos y diferir scripts de terceros no críticos.
INP es más difícil de arreglar que LCP porque cada interacción puede tener un cuello de botella diferente. Arreglar INP requiere disciplina a nivel de componente en cada elemento interactivo de la página.