Muchas veces me da un poco de miedo contar cosas demasiado técnicas por aquí, ya que si de algo me caracterizo, es que intento llegar a todas las personas que no tienen porque ser técnicas, intento bajar a tierra todas esas cosas que son complicadas. En este caso, voy a intentar explicar un poco esto del INP. Voy a intentarlo, no me juzgues.
INP: Otra métrica de las Core Vitals para tener en cuenta
Cuando hablamos de Google, de lo que hay que tener en cuenta para mejorar en rendimiento de nuestro proyecto web (Enlance en otra pestaña), tenemos que tener en cuenta cada vez más cosas, y siempre digo que hay que hacer caso a Google lo justo y no obsesionarse con los númeritos del page speed, pero si creo que hay fijarse más en las metricas de las Core Web Vitals.
¿Qué es Interaction to Next Paint (INP)?
INP es una nueva métrica que mide la capacidad de respuesta de un sitio web a lo largo de todas las interacciones en una página. Por ejemplo, una Interaction to Next Paint (INP) baja, garantiza que el sitio web tendrá una capcidad de respuesta fiable en todo momento. La INP se convertirá en una nueva métrica de las Core Web Vitals en Marzo de 2024, en la que Google sustituirá una de sus métricas FID por la nueva INP.
¿Es importante optimizar la métrica INP?
Está claro que Google (por fin) se pone las pilas con la experiencia de usuario. Está métrica va a ser muy importante a la hora de mejorar nuestra UX.
Cada vez Google tiene más en cuenta con la experiencia de nuestros proyectos y creo que es buena noticia para todos (menos para las webs de nicho) que se incorporen estás métricas a las core web vitals.
¿Cuáles son los valores buenos y malos de la Interacción con el siguiente pintado (INP)?
La Interacción con el siguiente pintado (INP) se utiliza como una métrica para evaluar la capacidad de respuesta percibida de un sitio web durante la interacción del usuario. En general, se considera que los valores más bajos de INP son mejores, ya que indican una respuesta más rápida y una experiencia de usuario más fluida. Sin embargo, no existe un umbral específico para determinar qué valores se consideran «buenos» o «malos» para INP, ya que puede variar dependiendo del contexto y las expectativas del usuario.
Dicho esto, como punto de referencia general, se sugiere que los sitios web apunten a un INP de menos de 100 milisegundos para brindar una experiencia de usuario altamente receptiva. Un INP en este rango se considera excelente y proporciona una sensación de respuesta instantánea a las acciones del usuario.
Por otro lado, los valores más altos de INP, especialmente superiores a 300 milisegundos, pueden indicar una respuesta más lenta y una experiencia de usuario menos satisfactoria. Un INP elevado puede resultar en una percepción de retraso entre la interacción del usuario y la actualización visual en la pantalla, lo que puede afectar negativamente la usabilidad y la impresión general del sitio web.
Sinceramente, siempre hay que tener en cuenta que las métricas y los estándares pueden varias según el tipo de web y las necesidades de uso. Siempre digo, que hay que coger con pinzas esto de los númeritos. Lo que para mi proyecto es bueno, puede que para el tuyo no lo sea tanto. Por ejemplo, cargar contenido complejo o realizar operaciones intensivas, pueden tener un UNP más alto y seguir siendo métricas buenas, siempre y cuando el usuario comprenda la razón del retraso y se comunique de manera clara, por supuesto.
¿Cómo medir la Interaction to Next Paint (INP)?
La medición de la métrica Interaction to Next Paint (INP) implica analizar y evaluar el tiempo transcurrido desde que un usuario interactúa con un sitio web hasta que ocurre la siguiente actualización visual en la pantalla. Esta métrica se utiliza para evaluar la capacidad de respuesta percibida de un sitio web durante la interacción del usuario.
Para medir INP, se siguen generalmente los siguientes pasos:
- Identificar el evento de interacción: Determina qué acciones de interacción del usuario deseas medir. Esto puede incluir clics, toques, desplazamientos, pulsaciones de teclas u otras acciones relevantes en el contexto de su sitio web. Seguro que estas cosas le molan mucho a los y las profesionales de marketing.
- Registrar el momento de inicio: Registra el tiempo exacto en que se produce la interacción del usuario. Puedes usar eventos de JavaScript o herramientas de seguimiento de usuarios para capturar este momento.
- Detectar el próximo repintado (paint): Identifica el próximo cambio visual que ocurre en la pantalla después de la interacción del usuario. Esto puede ser una actualización de contenido, un cambio de diseño o cualquier otra acción visual clara.
- Calcular el tiempo transcurrido: Calcula la diferencia de tiempo entre el inicio de la interacción y el siguiente repintado visual. Esto proporcionará el valor de INP en milisegundos.
Es importante tener en cuenta que la medición precisa de INP puede requerir herramientas específicas o bibliotecas de seguimiento de rendimiento web. Además, diferentes navegadores y dispositivos pueden tener variaciones en la forma en que se mide INP, por lo que es recomendable realizar pruebas en múltiples plataformas y configuraciones para obtener resultados más precisos y representativos.
Conclusión
La verdad que por lo que se ve, es un esfuerzo lo que hay que hacer por optimizar INP, pero también creo que si se hace correctamente y se tienen en cuenta las métricas no deberíamos de tener ningún problema.
Todavía queda un poco y seguramente Google nos dará más información sobre INP, que es de momento, al que tenemos que hacer caso.
Si tienes cualquier duda puedes contactar conmigo a través de mi formulario de contacto.
Imagen destacada: Imagen de rawpixel.com en Freepik
Deja una respuesta