El pasado 10 de mayo Google daba el pistoletazo de salida a la implementación del INP, Interaction to Next Paint, la nueva métrica de las Core Web Vitals, que sustituirá al FID el próximo marzo de 2024.
Explicación del INP en vídeo
No ha sido hasta julio que Google nos ha obligado a enterarnos a través de la alerta de error en Search Console que muchos hemos recibido.
¿Qué es el INP? La nueva CWV
INP, siglas de «Interacción hasta el siguiente renderizado», es una nueva métrica de velocidad de usabilidad de páginas web que Google pretende empezar a tener en cuenta en marzo de 2024, aunque ya podemos medirla y recibir errores al respecto en la Search console.
¿Qué mide el INP?
El INP ofrece un valor en milisegundos que es el tiempo que tarda una acción del usuario que conlleve un renderizado en terminar de realizarse. Este renderizado sería de cualquier interacción de la página, a diferencia del FID (First Imput Delay) que medía la velocidad de respuesta del primer elemento interactivo.
Sería por lo tanto el tiempo que tarda cualquier elemento de la página que necesite renderizarse o ejecutar algún cambio debido a la acción del usuario visitante.
Qué valor de INP debemos tener
Un buen INP será aquel que esté por debajo de los 200 milisegundos, entre 500 y 200 sería normal, y más de 500 milisegundos, sería un mal INP.
Cómo medir nuestro INP
De momento la forma más sencilla de medirlo es con la extensión Web Vitals
Para usarla:
- Vas a una URL de tu web que quieras medir
- Activas aquel disparador (botón, elemento, lo que sea que realice una acción) que deseas medir
- Clicas en la extensión para ver el valor de INP
Qué tener en cuenta para mejorar nuestro INP
Para mejorar el tiempo de respuesta ante la interactuación de los usuarios, lo mejor es trabajar en optimizar el hilo principal.
Hilo principal es la cadena de carga de todos los elementos de una URL.
Para mejorar el hilo principal, debemos enfocarnos en reducir la cantidad de código que se requiere cargar en una URL, esto se logra reduciendo el código de terceros que carga en la URL.
Debemos reducir la cantidad de plugins o funcionalidades del tema. También evitar las fuentes de terceros.
Pero la mejora de INP también implica un trabajo técnico sobre el javascript que se cargue en la URL, revisando que todo el javascript que se carga funcione correctamente.
Por último, la carga de imágenes, botones, animaciones, y cualquier otro elemento que varíe en la URL también afectará al INP.
Si quieres optimizar al máximo el INP necesitarás conocimientos técnicos, si ya los tienes, esta guía de Google te ayudará: https://web.dev/optimize-inp/
¿Qué importancia tiene el INP?
Según Google, el 93% de las cargas de webs en dispositivos móviles tienen un FID positivo.
Sin embargo, solo el 65% de las mismas cargas superan la métrica INP, por lo que esta es mucho más restrictiva, y hará que cumplir con esta métrica pueda merecer la pena frente a la competencia.
Es importante recordar que hasta marzo del 2024 no necesitamos preocuparnos, aunque ya podemos ir dándole una vuelta.
Autor: David Cuesta
Este post y breve guía ha sido escrito por David Cuesta, especialista SEO, fundador del ChorriClub y director de la agencia AMDSEO.