La interacción con Next Paint se convertirá oficialmente en Core Web Vital 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 métrica nueva para capturar aspectos de la interactividad en la Web que FID no repetía. El equipo de Chrome reconoció esta necesidad y presentó Interaction to Next Paint (INP) como una métrica experimental en mayo de 2022. El año pasado, INP se convirtió en una métrica pendiente, y anunciamos que INP pasaría al estado estable en marzo de 2024.
Hoy anunciamos que INP se convertirá oficialmente en una Métrica web esencial y reemplazará el 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 surtan efecto.
¿Cómo me puedo preparar?
El primer paso de esta transición es averiguar si el INP de tu sitio web aprueba el umbral. Todas las Métricas web esenciales se califican en función de 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 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 supervisión de usuarios reales (RUM), que también observa el rendimiento de su sitio web en el campo. Si trabajas con un proveedor de RUM, pregunta por su compatibilidad con INP.
Si descubres que el INP de tu sitio web se encuentra en el campo “Requiere mejoras” o "deficiente" , preparamos varios recursos para ayudarte a mejorarlo, comenzando por aprender a diagnosticar y solucionar problemas de INP:
- Detecta interacciones lentas en el campo.
- Diagnostica interacciones lentas de forma manual en el lab.
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 ocupa mucho tiempo en el subproceso principal. Si experimentas una gran actividad del subproceso principal durante la carga de la página que inicia muchas tareas largas en él, es posible que tengas problemas con excesivas tareas de evaluación de secuencias de comandos.
- Optimiza el retraso de entrada si las interacciones tardan mucho en comenzar a procesarse.
- Los DOM grandes pueden requerir mucho trabajo de renderización, y las interacciones a menudo cambian el DOM. Lo mejor es evitar los diseños grandes y complejos, y la hiperpaginación de diseños, y minimizar el tamaño del DOM siempre que sea posible.
- Si tienes selectores CSS complejos, estos también pueden generar un trabajo considerable en respuesta a las interacciones del usuario.
- Por último, si tu sitio web renderiza gran parte de su código 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 significa que se optimizará para la interactividad de muchas formas, pero vale la pena el esfuerzo. Se han realizado varios casos de éxito, como los de The Economic Times y redBus, sobre cómo la reducción de la latencia de interacción mejora los resultados comerciales. Optimizar INP en tu sitio también puede ayudarte a alcanzar tus objetivos.
¿Qué sucederá una vez que INP se convierta en una Métrica web esencial?
Vale la pena recordar que INP se convertirá oficialmente en Métrica web esencial y reemplazará el FID el 12 de marzo de este año. Otro resultado es que FID ya no será una Métrica web esencial, dejará de estar disponible oficialmente y se quitará del programa.
Por lo tanto, es posible que veas cambios en la documentación del FID. La documentación históricamente importante sobre el FID permanecerá vigente, pero se agregarán avisos destacados para señalar el estado obsoleto de FID y hacer referencia a la documentación de INP. Es posible que se quite por completo otra documentación centrada en FID y se redireccione a la documentación de INP relevante.
El FID sigue estando representado en muchas de las herramientas de Google, pero también lo es INP. El FID se quitará de Google Search Console tan pronto como INP se convierta en Métrica web esencial el 12 de marzo. Todas las demás herramientas, como PageSpeed Insights y CrUX, ofrecerán un período de baja de seis meses para que los desarrolladores tengan la oportunidad de actualizar su código.
Por último, si tienes preguntas sobre lo que significa la inclusión de INP en las Métricas web esenciales para la Búsqueda de Google, consulta la publicación de anuncios de INP en la Central de la Búsqueda de Google.
La ruta por delante
La inclusión de INP en las Métricas web esenciales se planificó cuidadosamente durante los últimos dos años y representa un paso importante. Creemos que el enfoque integral de INP para la capacidad de respuesta en la Web ayudará a los desarrolladores a evaluar y mejorar mejor este importante aspecto de la experiencia del usuario, y conducirá a una Web más responsiva con el tiempo. Con INP configurado para convertirse en una métrica web esencial el 12 de marzo, esperamos que los desarrolladores tomen este tiempo para comprender y optimizar su rendimiento de INP.
Como siempre, si tienes preguntas o inquietudes, envía tus comentarios a [email protected] sobre INP, FID o cualquier otra métrica del programa de Métricas web.