La percepción de velocidad no termina cuando aparece el contenido. Menús, filtros, formularios y botones deben responder con rapidez durante toda la visita. Interaction to Next Paint (INP) es una métrica estable de Core Web Vitals que observa la latencia de las interacciones y resume la respuesta general de la página.
Mide con usuarios reales y optimiza el trabajo que bloquea el hilo principal; una animación vistosa nunca debe retrasar la respuesta a una acción.
Qué observa INP
INP analiza el tiempo desde una interacción —clic, toque o teclado— hasta el siguiente cuadro visual presentado. No se limita al primer botón: considera las interacciones de la visita para detectar respuestas lentas persistentes.
Causas habituales
JavaScript prolongado, demasiados componentes inicializados, renderizados grandes y manejadores que mezclan lectura y escritura de estilos pueden bloquear la respuesta. En móviles modestos, el problema suele ser más visible.
- Tareas largas en el hilo principal
- JavaScript no utilizado
- DOM excesivo
- Eventos que realizan demasiado trabajo
Cómo mejorar de forma práctica
Divide tareas grandes, carga funciones cuando se necesitan, limita bibliotecas, reduce el DOM y entrega retroalimentación visual inmediata. Prueba filtros, menús, acordeones y formularios en equipos reales, no solo en una laptop potente.
Medición continua
Usa datos de campo cuando estén disponibles y complétalos con pruebas de laboratorio. Registra cambios por versión para relacionar una degradación con el código que la produjo. Rendimiento, accesibilidad y conversión deben revisarse juntos.
Verified information
Las conclusiones prácticas son elaboración de CyberGCode a partir de documentación primaria.
