INP (Interaction to Next Paint) es una métrica experimental de Core Web Vitals que cuantifica la latencia de respuesta de una página web a las interacciones del usuario. Mide el tiempo transcurrido desde que un usuario inicia una interacción (como un clic, toque o pulsación de tecla) hasta que el navegador pinta el siguiente frame visual que refleja visualmente el resultado de esa interacción. A diferencia de First Input Delay (FID), que solo mide la parte de retardo de la interacción, INP considera la duración completa de la interacción, incluyendo el procesamiento de eventos, la ejecución de scripts y el renderizado, proporcionando una visión más completa de la experiencia de usuario.
INP es una métrica clave monitoreada por herramientas de rendimiento web como Google Lighthouse, PageSpeed Insights y Chrome User Experience Report (CrUX). Estas herramientas recopilan datos de INP tanto en laboratorio como en campo (Real User Monitoring - RUM) para evaluar y diagnosticar problemas de capacidad de respuesta. Frameworks de desarrollo frontend como React, Angular y Vue.js, así como plataformas de e-commerce y SaaS, utilizan la optimización de INP para mejorar la interactividad, asegurando que las aplicaciones respondan rápidamente a las acciones del usuario, lo cual es crucial para la retención y satisfacción del cliente. Herramientas de RUM como New Relic, Datadog y Dynatrace también permiten a los equipos de ingeniería rastrear INP en producción.
Para un Arquitecto de Sistemas, INP es un indicador crítico de la calidad de la experiencia de usuario y la eficiencia del frontend. Un INP deficiente puede señalar cuellos de botella en el hilo principal del navegador, como JavaScript de larga ejecución, tareas de renderizado complejas o la falta de optimización en la priorización de eventos. Las decisiones de diseño arquitectónico, como la elección de frameworks, la estrategia de server-side rendering (SSR) vs. client-side rendering (CSR), la implementación de code splitting y lazy loading, y la gestión de la concurrencia en el navegador, impactan directamente en INP. Los arquitectos deben balancear la riqueza funcional y la interactividad con la necesidad de mantener un hilo principal libre para responder rápidamente, considerando trade-offs entre la complejidad del código, el tamaño del bundle y la capacidad de respuesta percibida para el usuario final. Optimizar INP a menudo implica refactorizar lógica de negocio intensiva, delegar tareas a Web Workers o implementar estrategias de pre-renderizado y caching.