Seguir una interacción real
INP tiene en cuenta las interacciones durante una visita a la página y muestra la interacción que mejor representa su peor capacidad de respuesta. El retraso puede venir del manejo de la entrada, de tareas largas de JavaScript, del trabajo de layout síncrono o de un pintado retrasado por otro trabajo. Un clic que al final se completa puede seguir pareciendo poco receptivo.
Cómo inspeccionarla
Usa los datos de campo para localizar grupos de páginas afectados y, después, graba una traza mientras repites una acción realista de toque, clic o tecla. Divide la interacción en retraso de entrada, tiempo de procesamiento y retraso de presentación. Prueba la ruta con un perfil de dispositivo con recursos limitados; una traza de escritorio puede ocultar la presión sobre el hilo principal.
Cómo implementarla o mejorarla
Elimina el trabajo síncrono innecesario del manejador, divide las tareas largas, evita el layout thrashing y muestra el siguiente estado significativo con rapidez. Comprueba que la interacción sigue completándose, que sigue siendo accesible con teclado y que no desplaza la página. Compara trazas equivalentes antes y después del cambio.
Límites y errores frecuentes
No optimices solo el primer clic ni sustituyas el trabajo de interacción por un spinner superficial. La página debe reconocer de verdad la acción del usuario y completar su tarea.
Para priorizar un hallazgo de INP, divide la interacción en retraso de entrada, tiempo de procesamiento y retraso de presentación. Registra el clic, toque o acción de teclado exactos, el elemento implicado y el perfil del dispositivo. Una tarea larga antes del manejador sugiere contención en el hilo principal; un manejador lento puede estar haciendo cálculo síncrono; un pintado retrasado puede indicar trabajo de estilos o layout posterior al manejador. Por ejemplo, un clic en un filtro que reconstruye de forma síncrona una lista grande puede mejorar si se reduce el alcance de la actualización y se cede el hilo al trabajo no esencial, pero el resultado debe seguir mostrando el progreso y poder usarse con teclado. Reproduce la misma interacción tras el cambio y revisa tanto la traza como la respuesta visible.