¿Qué es INP? La métrica del Core Web Vitals a la que deberías prestar atención

Si te dedicas al desarrollo web o te preocupas por el SEO, seguramente ya estás harto de oír hablar de los Core Web Vitals. Pues bien, ahora Google ha sacado una métrica nueva que nos está dando dolores de cabeza: el INP o Interaction to Next Paint. Y, ya te adelantamos, te va a tocar prestarle atención si no quieres que tu web no sea penalizada.

¿Qué es es el INP?

El INP mide lo rápido (o lento) que tu web responde cuando alguien interactúa con ella, ya sea un clic, un toque o incluso cuando teclean algo. Básicamente, es una métrica que te dice si tu página es rápida al reaccionar. Seguro que te ha pasado alguna vez: clicas en algo, y te quedas esperando como si estuvieras pidiendo cita en el médico. Pues eso es lo que mide el INP.

A diferencia de la métrica antigua, el FID (First Input Delay), que solo medía cuánto tardaba la página en reaccionar al primer clic del usuario, el INP es más exigente y se fija en todas las interacciones. Así que no hay escapatoria: si tu web tarda una eternidad en responder vas a tener problemas.

¿Por qué deberías preocuparte?

Vamos a lo importante: si tu web es lenta al reaccionar, el usuario se irá. Ya no basta con que tu sitio cargue rápido, ahora la gente quiere que todo lo que clican o tocan responda al instante. Y, por si fuera poco, Google también está mirando esta métrica con lupa. Si el valor de tu INP es bajo, despídete al posicionamiento en los resultados de búsqueda. En otras palabras, si quieres seguir apareciendo en Google, mejora el INP.

¿Cómo mejorar el INP?

Te dejamos algunos tips para que tu web no sufra estas penalizaciones:

1. Reducción de JavaScript: Si tu página tiene muchos scripts pesados, ya sabes dónde está el problema. Optimiza esos archivos, elimina lo que no usas y usa técnicas como el lazy loading.
2. Prioriza las interacciones: Asegúrate de que las acciones del usuario son lo más importante. Que cuando alguien haga clic en algo, tu web responda al al momento. Usa técnicas como async o prioriza tareas en el navegador.
3. Aligera el Main Thread: Si tu hilo principal está muy saturado, tu web va a responder muy lenta. La solución: divide el trabajo pesado en hilos secundarios usando Web Workers. Así el navegador podrá respirar y reaccionar más rápido.
4. No te pases con las animaciones: Tener animaciones queda genial, pero si te pasas vas a sobrecargar la web. Haz animaciones ligeras y asegúrate de que el rendimiento visual está a la altura.
5. Mide, mide y vuelve a medir: No te fíes. Usa herramientas como Lighthouse o PageSpeed Insights para ver cómo va el INP y otras métricas. Pueden haber cambios por actualizaciones en tu sitio web o incluso en la manera de medir de Google.

¿El INP va a reemplazar al FID?

Pues… todo apunta a que el INP viene con ganas de reemplazar al FID en algún momento, ya que es más completo y mide más cosas. Pero por ahora, siguen conviviendo. Así que no te olvides del FID, pero tampoco le quites el ojo al INP.

En resumen: ponte las pilas con el INP

Si no lo estás haciendo ya, empieza a cuidar la responsividad de tu web. El INP está aquí para quedarse, y no es solo cuestión de que tu página “cargue rápido”. Se trata de que, cuando alguien interactúe con ella, todo funcione sin hacerle perder la paciencia a la gente. Si no lo haces no vas a ofrecer una buena experiencia de usuario y SEO.