Qué es la métrica INP y cómo optimizar la interactividad de tu web

Empecemos directo al grano. Si tu web tarda en reaccionar cuando un usuario hace clic en un botón, estás perdiendo ventas. He visto que muchos proyectos se obsesionaban con medir solo el primer clic, pero las reglas del juego han cambiado desde marzo de 2024. La evolución del FID nos trajo la métrica INP (Interaction to Next Paint), y te aseguro que es un dolor de cabeza para quienes abusan del código innecesario.

Cómo evalúa Google la interactividad global

A diferencia del antiguo FID que solo medía la primera interacción, el INP evalúa la capacidad de respuesta general de tu página observando la latencia de todos los clics, toques de pantalla y pulsaciones de teclado durante toda la vida útil de la visita de un usuario. Lo que hace el buscador es registrar estas acciones y quedarse con la interacción más larga para darte una puntuación final.

Para evitar que un usuario hiperactivo distorsione los datos, Google calcula esto sobre un límite claro. Analiza hasta 50 interacciones por página y descarta la más alta por cada bloque de 50. En mi experiencia con clientes, lograr que todas esas respuestas del navegador se mantengan por debajo del umbral de los 200 milisegundos es lo que marca la diferencia entre un aprobado y un suspenso. Si superas esos 200 milisegundos, necesitas mejorar, y si pasas de 500, la experiencia que ofreces es directamente pobre.

Alex Amigo

¿Necesitas ayuda con tu estrategia SEO?

Trabajemos juntos para hacer crecer tu negocio con una estrategia digital personalizada.

Técnicas probadas para liberar el hilo principal

Lo que mejor me ha funcionado para optimizar esta métrica es atacar el problema de raíz reduciendo el tiempo de ejecución de JavaScript. El hilo principal del navegador se satura cuando lo obligas a procesar demasiadas cosas a la vez, provocando que la web no responda a la entrada del usuario de forma confiable.

Para corregir esto, aplico siempre estas acciones:

  • Minimiza códigos de terceros: Píxeles de seguimiento o etiquetas de analítica en segundo plano bloquean constantemente el procesamiento del navegador.
  • Aplica carga condicional: Si no necesitas un slider pesado en una URL concreta, directamente no cargues su script.
  • Reduce el tamaño del DOM: Menos elementos HTML significan menos procesos en cola intentando ejecutarse al mismo tiempo.

El objetivo siempre es mantener el hilo principal lo más libre posible. Cuando limpias tu código y reduces esa ejecución pesada de JavaScript, notas cómo la web reacciona al instante a cualquier toque o clic del visitante.

Preguntas frecuentes

¿Qué mide exactamente la métrica INP en una página web?

Mide la capacidad de respuesta general evaluando la latencia de todos los clics, toques y pulsaciones de teclado durante la visita de un usuario. El valor final es la interacción más larga registrada.

¿Cuál es el tiempo recomendado para aprobar el INP?

Para ofrecer una experiencia correcta, todas las interacciones deben resolverse en 200 milisegundos o menos. Si pasas de 500 milisegundos, el resultado se considera pobre y afectará negativamente a tu web.

¿Cómo afecta el JavaScript al rendimiento del INP?

Los tiempos largos de ejecución de JavaScript saturan el hilo principal del navegador. Si el navegador está ocupado procesando código pesado, le costará responder rápidamente cuando el usuario interactúe con los elementos de la página.