• Interaction to Next Paint se convertirá oficialmente en una métrica web esencial y reemplazará el retraso de primera entrada el 12 de marzo.
El programa de Métricas web proporciona métricas para ayudar a los desarrolladores web a medir aspectos clave de la experiencia del usuario en la Web. El retraso de primera entrada (FID) representaba el aspecto de la capacidad de respuesta del programa, pero con el tiempo quedó claro que se necesitaba una nueva métrica para capturar aspectos de la interactividad en la Web que FID no cumplía. El equipo de Chrome reconoció esta necesidad y, en mayo de 2022, introdujo Interaction to Next Paint (INP) como una métrica experimental. El año pasado, INP se convirtió en una métrica pendiente y anunciamos que INP ascendería a estado estable en marzo de 2024.
Hoy, anunciamos que INP se convertirá oficialmente en una Métrica web esencial y reemplazará a FID el 12 de marzo de este año, y que FID dejará de estar disponible en esta transición.
En esta publicación, se ofrecen consejos del equipo de Chrome sobre cómo prepararse para este cambio y qué esperar una vez que los cambios entren en vigencia.
¿Cómo me puedo preparar?
El primer paso de esta transición es determinar si el INP de tu sitio web supera el umbral «Bueno». Todas las Métricas web esenciales se califican según su rendimiento en el campo en el percentil 75 de todas las cargas de página.
La forma más fácil de ver el rendimiento de tu sitio web en INP es usar PageSpeed Insights, que muestra datos del Informe sobre la experiencia del usuario en Chrome (CrUX). CrUX es el conjunto de datos oficial del programa de Métricas web y puede ser una posible fuente de datos de campo para tu sitio web.
Otra fuente de datos de campo puede provenir de un proveedor de monitoreo de usuarios reales (RUM), que también observa el rendimiento de tu sitio web en el campo. Si trabajas con un proveedor de RUM, pregúntale sobre la compatibilidad con INP.
Si descubres que el INP de tu sitio web está en la categoría «Necesita mejorar» o «Deficiente», hemos preparado varios recursos para ayudarte a mejorarlo, comenzando con la forma de diagnosticar y solucionar problemas de INP:
- Detecta interacciones lentas en el campo.
- Diagnostica interacciones lentas en el lab de forma manual.
Una vez que sepas cuál es el problema, puedes usar las siguientes guías para determinar en qué partes de la interacción debes realizar optimizaciones:
- Optimiza las tareas largas si tienes JavaScript que tarda bastante en el subproceso principal. Si, durante la carga de la página, experimentas mucha actividad que inicia muchas tareas largas en el subproceso principal, es posible que tengas problemas con tareas de evaluación de secuencias de comandos excesivas.
- Optimiza la demora en la entrada si las interacciones tardan mucho tiempo en comenzar a procesarse.
- Los DOM de gran tamaño pueden requerir mucho trabajo de renderización y, a menudo, las interacciones cambian el DOM. Es mejor evitar diseños grandes y complejos, y hiperpaginación de diseños, y minimizar el tamaño del DOM siempre que sea posible.
- Si tienes selectores CSS complejos, también pueden provocar un trabajo considerable en respuesta a las interacciones de los usuarios.
- Por último, si tu sitio web procesa gran parte de su HTML en el cliente a través de JavaScript, es importante que sepas cómo la renderización de HTML del cliente puede afectar la interactividad.
La complejidad de INP implica que realizarás optimizaciones para la interactividad de muchas maneras, pero vale la pena el esfuerzo. Se realizaron varios casos de éxito, como los de The Economic Times y redBus, sobre cómo reducir la latencia de las interacciones mejora los resultados comerciales. Optimizar INP en tu sitio también puede ayudarte a alcanzar tus objetivos.
¿Qué sucederá una vez que el INP se convierta en una Métrica web esencial?
Vale la pena repetir que INP se convertirá oficialmente en una Métrica web esencial y reemplazará a FID el 12 de marzo de este año. Otro resultado es que FID ya no será una Métrica web esencial, y dejará de estar disponible oficialmente y se quitará del programa.
Como resultado, es posible que veas cambios en la documentación de FID. La documentación históricamente importante sobre el FID permanecerá vigente, pero se agregarán avisos destacados para destacar el estado obsoleto de FID y consultar la documentación del INP. Es posible que se elimine por completo otra documentación centrada en el FID y se redireccione a la documentación relevante del INP.
El FID sigue estando representado en muchas de las herramientas de Google, pero también lo es el INP. El FID se quitará de Google Search Console en cuanto INP se convierta en una Métrica web esencial el 12 de marzo. El resto de las herramientas, como PageSpeed Insights y CrUX, ofrecerán un período de baja de seis meses para darles a los desarrolladores la oportunidad de actualizar su código.
Por último, si tienes preguntas sobre qué significa la inclusión de INP en las Métricas web esenciales para la Búsqueda de Google, consulta la publicación del anuncio de INP en la Central de la Búsqueda de Google.
El camino por delante
Durante los últimos dos años, se planificó cuidadosamente la inclusión de INP en las Métricas web esenciales y representa un avance importante. Creemos que el enfoque integral de INP con respecto a la capacidad de respuesta en la Web ayudará a los desarrolladores a evaluar y mejorar mejor este aspecto importante de la experiencia del usuario, y conducirá a una Web más responsiva con el tiempo. Ahora que el INP se convertirá en una Métrica web esencial el 12 de marzo, esperamos que los desarrolladores se tomen este tiempo para comprender y optimizar su rendimiento de INP.
Como siempre, si tienes preguntas o inquietudes, agradecemos tus comentarios en web-vitals-feedback@googlegroups.com sobre INP, FID o cualquier otra métrica del programa de Métricas web.
–
Jeremy Wagner
–
-.
–
Rick Viscomi
–
#ebusiness #Blockchain #Web3 #Crypto #Data #NTTDATA #Innovation #Labs #DLT_i #SPPrensa
Compartir esto::
- Haz clic para compartir en Twitter (Se abre en una ventana nueva)
- Haz clic para compartir en Facebook (Se abre en una ventana nueva)
- Haz clic para compartir en LinkedIn (Se abre en una ventana nueva)
- Haz clic para compartir en WhatsApp (Se abre en una ventana nueva)
- Haz clic para compartir en Pinterest (Se abre en una ventana nueva)
- Haz clic para enviar un enlace por correo electrónico a un amigo (Se abre en una ventana nueva)