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 convertirla en una métrica web esencial en 2024.

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 esenciales para ofrecer una excelente experiencia del usuario: las Métricas web esenciales. Un aspecto importante de la experiencia del usuario en el que nos hemos enfocado es la capacidad de respuesta, que es la capacidad de una página web para 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. Sin embargo, como ya se expresó en el pasado, 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 del público en nuestras herramientas y comenzamos a trabajar con la comunidad para probar su eficacia.

Después de otro año de pruebas y 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 de Métricas web esenciales para la capacidad de respuesta, con lo que se reemplazará el FID.

En esta publicación, hablaremos 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 FID fue un gran avance cuando la presentamos como una 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, que siempre fue una parte importante del programa de Métricas web. A diferencia de las 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 TBT o TTI lento 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, FID no carecía de limitaciones. El nombre en sí mismo revela dos de esas limitaciones: "first input" y "delay". 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, la primera interacción no representa necesariamente todas las interacciones a lo largo de la vida 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 sobrecarga del subproceso principal) antes de comenzar a controlar la interacción.

Ingresa el INP. En lugar de medir solo la primera interacción, INP tiene en cuenta todas las interacciones, por lo que registra una de las más lentas en 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, mediante el controlador de eventos, y hasta que el navegador puede pintar el siguiente fotograma. Por lo tanto, será la interacción con Next Paint. Estos detalles de implementación hacen que INP sea una medida mucho más integral de la capacidad de respuesta percibida por el usuario que el 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 las métricas web esenciales. Esta es una nueva designación para indicar que INP demostró su preparación para reemplazar FID, pero aún no realizaremos el cambio. Para darle tiempo al ecosistema para ajustarse, el INP se convertirá oficialmente en una métrica de Métricas web esenciales 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 no experimental pendiente de Métricas web esenciales y, por último, hasta marzo de 2024, cuando INP se convierte en una métrica estable de Métricas web esenciales que reemplaza a FID.
Gráfico que 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 INP de forma programática de alguna de las siguientes API, deberás actualizar tu código para cambiar al campo 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
BigQuery de CrUX 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
Asignación 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 descendentes, estas APIs continuarán entregando el campo INP experimental durante otros 90 días. La compatibilidad de la API para el campo experimental de INP finalizará el 8 de agosto de 2023.

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

Comienza a usar INP

Gráfico que muestra los umbrales de INP correctos y deficientes.

No esperes a que INP se convierta en una métrica web esencial en 2024 para comenzar a mejorarla. Es posible que su 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 le sorprenda descubrir que solo el 65% de los sitios tienen un buen INP en los dispositivos móviles. El INP ofrece una imagen mucho más precisa de la capacidad de respuesta, por lo que estas cifras nos ayudan a ver con mayor claridad el margen de mejora que tenemos por delante.

Para averiguar si tu sitio tiene problemas de INP, cómo abordarlos y todo lo relacionado con este protocolo, 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 ya seas un experto en rendimiento, agregamos nuevos lineamientos para que sea lo más fácil posible aprender a medir y optimizar el INP.

Es posible que INP tarde un poco en aprender, y eso está bien. Para ayudarte a enfocarte en las optimizaciones con el ROI más alto, a principios de este año, publicamos una entrada de blog para brindar orientación a las recomendaciones más efectivas y mejorar las Métricas web esenciales. Específicamente, escribimos sobre tres técnicas imprescindibles que se aplican por igual a la optimización de FID e INP: evitar o dividir tareas largas, evitar JavaScript innecesario y evitar actualizaciones de representación grandes. 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 de capacidad de respuesta y nos entusiasma ver cómo la comunidad enfrenta el desafío a fin de brindar una mejor experiencia del usuario. Los primeros comentarios y casos de éxito fueron prometedores, pero sabemos que para muchos de ellos puede ser un camino largo y desconocido. Nos esforzamos por hacer que ese camino 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, siempre puedes enviar comentarios a web-vitals-feedback@googlegroups.com para ayudarnos a mejorar el INP y el programa de Métricas web.