Noticias

Próximamente la nueva métrica Core Web Vitals: interacción con la próxima pintura


Google anunció que está retirando una métrica central de web vitals y reemplazándola con una más nueva que representa con mayor precisión la experiencia del usuario.

La nueva métrica se llama Interacción a la próxima pintura y ha pasado del estado experimental al estado pendiente.

Google anunció:

“A partir de hoy, INP ya no es experimental y, en cambio, se considerará una métrica Core Web Vital pendiente. Esta es una nueva designación para indicar que INP ha demostrado que está listo para reemplazar FID, pero todavía no estamos haciendo el cambio.

Para que el ecosistema tenga tiempo de adaptarse, INP se convertirá oficialmente en una métrica Core Web Vital estable en marzo de 2024″.

Primera demora de entrada (FID)

El blog de Chrome anunció que First Input Delay (FID) será reemplazado en marzo de 2024 por la nueva métrica, Interaction to Next Paint (INP).

First Input Delay mide el tiempo que tarda el navegador en poder procesar una interacción del usuario, limitado a clics, pulsación de tecla, pulsación del ratón y puntero hacia abajo.

El tiempo que tarda un usuario en poder hacer clic en un botón y hacer que el botón responda generalmente está bloqueado por otros scripts.

Por lo tanto, se consideró una buena representación de la capacidad de respuesta de la página web y la experiencia del usuario.

Sin embargo, la métrica FID fue una medida incompleta de la capacidad de respuesta.

FID solo midió la demora, el tiempo que transcurre antes de que un elemento interactivo responda.

FID no midió la cantidad de tiempo hasta que el sitio web puede reaccionar a esas interacciones.

El equipo de Chrome analizó varios candidatos y, después de aproximadamente un año, lanzaron Interaction to Next Paint (INP) con el estado oficial de un métrica experimental en mayo de 2022.

INP mide toda la capacidad de respuesta de una página, no solo el retraso.

Según Google:

“Los datos de uso de Chrome muestran que el 90% del tiempo de un usuario en una página se gasta después de que se carga.

Por lo tanto, es importante medir cuidadosamente la capacidad de respuesta a lo largo del ciclo de vida de la página. Esto es lo que evalúa la métrica INP”.

INP ha estado disponible a través de PageSpeed ​​Insights y muchas pruebas de velocidad de terceros durante el último año desde mayo de 2022.

PageSpeed ​​Insights también se ha actualizado.

Una anotación en los registros de cambios de PageSpeed ​​Insights:

“La interacción con Next Paint (INP) ya no es una métrica experimental y ahora es un Core Web Vital pendiente. Este cambio se refleja en la interfaz de usuario y la API.

Específicamente para la API, la respuesta ahora tiene la métrica INTERACTION_TO_NEXT_PAINT, que contiene los mismos datos que EXPERIMENTAL_INTERACTION_TO_NEXT_PAINT.

EXPERIMENTAL_INTERACTION_TO_NEXT_PAINT se eliminará de la respuesta en 90 días (8 de agosto de 2023)”.

Interacción con la siguiente pintura

La innovación de INP es que es una medida más precisa de cuánto tiempo tarda la página completa en responder.

Un INP deficiente es cuando hace clic en algo y la acción esperada, como un primer plano de una imagen, no sucede de inmediato.

La página de Google en INP lo explica así:

“Buena capacidad de respuesta significa que una página responde rápidamente a las interacciones realizadas con ella.

Cuando una página responde a una interacción, el resultado es una retroalimentación visual, que el navegador presenta en el siguiente cuadro que presenta el navegador.

La retroalimentación visual le dice si, por ejemplo, un artículo que agregó a un carrito de compras en línea se está agregando, si se abrió un menú de navegación móvil, si el servidor está autenticando el contenido de un formulario de inicio de sesión, etc.

Algunas interacciones naturalmente llevarán más tiempo que otras, pero para interacciones especialmente complejas, es importante presentar rápidamente algunos comentarios visuales iniciales como una pista para el usuario de que algo está sucediendo”.

INP se mide en milisegundos:

  • En INP, una puntuación inferior a 200 milisegundos significa que la página está bien.
  • Una puntuación entre 200 y 500 milisegundos significa que es el área gris donde no está mal pero necesita mejorar.
  • Las puntuaciones de INP superiores a 500 milisegundos representan una capacidad de respuesta deficiente.
Umbrales de medición para interacción con la siguiente pintura (INP)Captura de pantalla de Web.dev

¿Qué significa esto para los editores y el SEO?

Los editores, desarrolladores y SEO que ya están trabajando para acelerar el rendimiento del sitio web deberían poder ver puntuaciones positivas con INP.

Prácticamente los sospechosos habituales de los scripts que tardan mucho en cargarse y estar listos para funcionar, que tardan demasiado en obtener un recurso y el tiempo que se dedica a analizar el CSS y HTML para que el sitio web se pueda mostrar correctamente.

La página de Google sobre la optimización de INP explica:

“Cuando un usuario interactúa con una página, la primera parte de esa interacción es el retraso de entrada.

Dependiendo de otra actividad en la página, los retrasos de entrada pueden ser considerables.

Esto podría deberse a la actividad que ocurre en el subproceso principal (quizás debido a la carga, el análisis y la compilación de scripts), el manejo de búsqueda, las funciones del temporizador o incluso a otras interacciones que ocurren en rápida sucesión y se superponen entre sí.

Las tiendas de comercio electrónico pueden querer considerar qué funcionalidades son críticas para que un usuario comience a comprar en una página, qué scripts no son necesarios y qué funcionalidad no perderán los compradores si se elimina.

Actualmente el INP es considerado un Métrica esencial web vital pendiente. Se convierte en una métrica oficial de vitales web central no por otro año, en mayo de 2024.

Lea el anuncio de Google:

Avance de la interacción a la siguiente pintura

Imagen destacada de Shutterstock/Krakenimages.com

hola@juanrecio.com

Author

hola@juanrecio.com

¡Utiliza la tecnología y la inteligencia artificial en tus proyectos! ¿Quieres saber cómo?