Cómo avanzar la interacción a la siguiente pintura

INP ya no es experimental. Obtén información sobre el plan de Chrome para que sea una Métrica web esencial en 2024.

Annie Sullivan
Annie Sullivan

La misión de Chrome con el programa de Métricas web es ayudar a los desarrolladores a enfocarse en las métricas que son esenciales para ofrecer experiencias del usuario de calidad: las Métricas web esenciales. Un aspecto importante de la experiencia del usuario en el que nos hemos centrado es la capacidad de respuesta, que es la capacidad de una página web de reaccionar rápidamente a las interacciones del usuario.

El retraso de primera entrada (FID) es la métrica Métrica web esencial que mide la capacidad de respuesta, pero como escribimos anteriormente, existen limitaciones conocidas de FID. Esto nos llevó a explorar y solicitar comentarios sobre una (entonces) métrica experimental que aborda estas limitaciones de manera más eficaz. En 2022, anunciamos Interaction to Next Paint (INP) como esa nueva métrica, la pusimos a disposición de todos en nuestras herramientas y comenzamos a trabajar con la comunidad para probar su eficacia.

Después de otro año de pruebas y de recopilación de comentarios de la comunidad, estamos listos para retirar las capacitaciones y anunciar que el INP ya no es experimental. Además, a partir de marzo de 2024, también nos comprometemos a promocionar INP como la nueva métrica Métricas web esenciales para la capacidad de respuesta, en reemplazo del FID.

En esta publicación, trataremos más sobre la motivación detrás de la decisión, exactamente qué cambiará y cómo comenzar. Para obtener más información sobre cómo esto afecta a la Búsqueda de Google, consulta su entrada de blog.

Una métrica con capacidad de respuesta mejorada

La función FID fue un gran avance cuando la presentamos como Métrica web esencial en 2020. Les ofreció a los desarrolladores una nueva forma de medir la capacidad de respuesta a medida que la experimentan los usuarios reales, lo que siempre ha sido una parte importante del programa de Métricas web. A diferencia de otras métricas similares que solo se aproximan a la interactividad de la página, como el tiempo de bloqueo total (TBT) y el tiempo de carga (TTI), el FID mide directamente la experiencia del usuario. Cabe destacar que una página podría tener una TBT o TTI lenta y, aun así, percibirse como responsiva debido a la forma en que los usuarios reales interactúan con ella.

Si bien mejoró la forma en que medimos la capacidad de respuesta, la FID no carecía de limitaciones. En realidad, el nombre en sí revela dos de esas limitaciones: "primera entrada" y "retraso". FID solo informa la capacidad de respuesta de la primera vez que un usuario interactúa con la página. Aunque las primeras impresiones son importantes, esta no es necesariamente representativa de todas las interacciones durante la vida útil de una página. Además, el FID solo mide la parte del retraso de entrada de la primera interacción, que es la cantidad de tiempo que el navegador tuvo que esperar (debido a la concurrencia del subproceso principal) incluso antes de comenzar a controlar la interacción.

Ingresa el INP. En lugar de solo medir la primera interacción, INP tiene en cuenta todas las interacciones y es una de las más lentas durante todo el ciclo de vida de la página. Además, en lugar de solo medir la porción de retraso, INP mide la duración completa desde el inicio de la interacción, a través del controlador de eventos, y hasta que el navegador pueda pintar el siguiente fotograma. Por lo tanto, Interaction to Next Paint. Estos detalles de implementación hacen que el INP sea una medida mucho más completa de la capacidad de respuesta percibida por el usuario que FID.

INP en evolución

A partir de hoy, INP ya no es experimental y, en su lugar, se considerará una métrica pendiente de Métricas web esenciales. Esta es una nueva designación para indicar que INP demostró su capacidad de reemplazar FID, pero aún no realizaremos el cambio. Para darle tiempo al ecosistema para adaptarse, INP se convertirá oficialmente en una métrica Métrica web esencial estable en marzo de 2024.

Gráfico que muestra el cronograma de las fases de INP, desde que Chrome anunció la compatibilidad experimental con INP en mayo de 2022 hasta hoy en mayo de 2023, cuando Chrome anuncia que INP ahora es una métrica Métricas web esenciales no experimental y, finalmente, hasta marzo de 2024, cuando INP se convierte en una métrica Métricas web esenciales estable, que reemplaza a FID.
Imagen en la que se muestra el cronograma de las fases de INP.

En todas nuestras herramientas, comenzarás a ver el INP sin el prefijo o ícono experimental. Si consumes datos de INP de forma programática de alguna de las siguientes APIs, deberás actualizar tu código para cambiar al campo de INP no experimental.

Herramienta Campo obsoleto Campo nuevo
API de CrUX experimental_interaction_to_next_paint interaction_to_next_paint
API de CrUX History experimental_interaction_to_next_paint interaction_to_next_paint
CrUX BigQuery experimental.interaction_to_next_paint interaction_to_next_paint
API de PageSpeed Insights experimental_interaction_to_next_paint interaction_to_next_paint
Informe de Lighthouse* experimental-interaction-to-next-paint interaction-to-next-paint
Mapa de las APIs a sus nombres de campo de INP antiguo y nuevo.
* Lighthouse dejará de usar el campo de INP experimental en la versión 11.

Para facilitar la transición y evitar daños en las aplicaciones downstream, estas APIs continuarán entregando el campo de INP experimental durante otros 90 días. La compatibilidad de la API para el campo de INP experimental finalizará el 8 de agosto de 2023.

Mientras tanto, FID seguirá siendo una Métrica web esencial hasta marzo de 2024. En ese momento, INP se unirá a Largest Contentful Paint (LCP) y Cumulative Layout Shift (CLS) como las tres Métricas web esenciales estables. En una actualización futura, compartiremos más información sobre el momento preciso del cambio y el plan de FID después de que se reemplace como Métrica web esencial.

Comienza a usar INP

Los buenos valores de INP son de 200 milisegundos o menos, los valores malos son mayores a 500 milisegundos y cualquier valor intermedio debe mejorarse.

No esperes a que INP se convierta en una Métrica web esencial en 2024 para comenzar a mejorarlo. Es posible que tu sitio web forme parte del 93% de los sitios que tienen un buen rendimiento de FID en dispositivos móviles. Sin embargo, es posible que te sorprenda saber que solo el 65% de los sitios tienen un buen INP en dispositivos móviles. El INP ofrece un panorama mucho más preciso de la capacidad de respuesta, de modo que estas cifras nos ayudan a ver con mayor claridad el margen de mejora que tenemos delante.

Para saber si tu sitio tiene problemas de INP, cómo solucionarlos y todo lo relacionado con el INP, el mejor lugar para comenzar es la guía de optimización de INP. Ya sea que estés aprendiendo sobre la capacidad de respuesta por primera vez o que seas un experto en rendimiento, agregamos muchas guías nuevas para que todos puedan aprender a medir y optimizar el INP de la forma más fácil posible.

Es posible que el INP tarde un poco en aprender, y eso está bien. Para ayudarte a enfocarte en las optimizaciones con el mayor ROI, a principios de este año publicamos una entrada de blog en la que se orienta a las recomendaciones más efectivas para mejorar las Métricas web esenciales. Específicamente, escribimos tres técnicas que se deben conocer de igual manera a la optimización de FID e INP: evitar o dividir tareas largas, evitar JavaScript innecesario y evitar grandes actualizaciones de representación. Puedes obtener más información sobre estas y muchas otras técnicas de optimización de INP en nuestra documentación.

El camino por delante

Se ha establecido un nuevo estándar en cuanto a la capacidad de respuesta y nos entusiasma ver a la comunidad hacer frente al desafío de una mejor experiencia del usuario. Los primeros comentarios y casos de éxito fueron prometedores, pero sabemos que para muchos puede ser un camino largo y desconocido. Nos esforzamos para que ese recorrido sea lo más fácil posible con diagnósticos, tools y documentación mejoradas para ayudar a los desarrolladores en el proceso.

No te pierdas las actualizaciones sobre la fecha exacta de graduación del INP en marzo de 2024. Si bien la métrica ya no es experimental, puedes enviar comentarios a web-vitals-feedback@googlegroups.com para ayudarnos a mejorar el INP y el programa de Métricas web en general.