Qué es el INP y cómo hacer que tu web responda más rápido

¿Qué interacciones mide el INP?

El INP mide clics, toques en pantalla y pulsaciones de teclado; no cuenta el desplazamiento ni pasar el ratón por encima de un elemento (Google, web.dev).

A lo largo de la visita, el navegador registra todas esas interacciones y el INP toma una de las más lentas: si un menú tarda en abrirse una sola vez, puede definir el INP de toda la página.

¿Por qué el INP sustituyó a FID?

FID solo medía el retraso de la primera interacción y solo hasta que empezaba a procesarse, así que casi todas las webs aprobaban; el INP mide la respuesta completa de todas las interacciones, hasta que se pinta el cambio (Google, 2024).

El resultado fue un criterio más exigente: muchas webs que tenían un FID perfecto descubrieron en 2024 que su INP estaba en la zona «mejorable», sobre todo en móvil.

¿Cuáles son las tres fases del INP?

Cada interacción se divide en tres fases: el retraso de entrada, mientras el navegador termina otras tareas; el tiempo de procesamiento, en que se ejecuta el código del evento; y el retraso de presentación, hasta que se pinta el resultado (Google, web.dev).

Saber qué fase pesa más indica qué arreglar: un retraso de entrada alto apunta a tareas largas de otros scripts; un procesamiento largo, al propio código del botón; una presentación lenta, a cambios de diseño pesados.

¿Qué son las tareas largas?

Una tarea larga es cualquier bloque de JavaScript que ocupa el hilo principal del navegador más de 50 milisegundos, y mientras dura el navegador no puede responder a los clics (Google, web.dev).

Las tareas largas suelen venir de scripts de terceros —chats, píxeles de publicidad, herramientas de mapas de calor— o de frameworks que hidratan mucho código al cargar. Dividirlas en tareas pequeñas devuelve el control al navegador entre una y otra.

Una técnica sencilla es mostrar primero el cambio visual —abrir el menú, marcar el botón— y dejar para después el trabajo que no se ve, como enviar datos a analítica.

¿Cómo mejorar el INP paso a paso?

Cómo mejorar INP en una web:

1. Medir el INP real en PageSpeed Insights o en Search Console.
2. Identificar las interacciones lentas con la pestaña Rendimiento de Chrome DevTools.
3. Quitar scripts de terceros que no se usan y retrasar los demás hasta después de la carga.
4. Dividir las tareas largas y ceder el hilo principal entre ellas.
5. Mostrar una respuesta visual inmediata y hacer el trabajo pesado después.
6. Reducir el tamaño del DOM en páginas con miles de elementos.

¿Cómo está el INP en nuestra web?

En la web de Estrategia 360, PageSpeed Insights midió en octubre de 2026 un tiempo total de bloqueo de 0 ms en móvil, una buena señal para el INP, porque los bloques usan poco JavaScript y sin librerías externas.

Los elementos interactivos —calculadoras, selectores, pestañas— se escriben con código ligero que responde al instante. Es una decisión de diseño: cada widget nuevo se comprueba con node --check y se mantiene sin dependencias.

¿Influye el INP en el posicionamiento?

El INP forma parte de las Core Web Vitals, que Google usa como señal de experiencia de página, aunque la relevancia del contenido pesa más (Google Search Central).

Su efecto más claro es en el uso: un botón de «Añadir al carrito» o de WhatsApp que tarda medio segundo en reaccionar genera clics repetidos, frustración y abandonos, sobre todo en móviles de gama media.

¿Qué errores empeoran el INP?

El error más frecuente es cargar decenas de scripts de terceros al inicio: cada uno añade tareas que bloquean el hilo principal cuando el usuario empieza a interactuar.

• Gestores de etiquetas con demasiadas etiquetas activas en todas las páginas.
• Chats en vivo y widgets de redes sociales que cargan al instante.
• Menús y filtros que recalculan toda la página en cada clic.
• Animaciones pesadas hechas con JavaScript.