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

INP ya no es experimental. Obtén más información sobre el plan de Chrome de convertirla en 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 brindar excelentes experiencias del usuario: 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 para reaccionar rápidamente a las interacciones del usuario.

El retraso de primera entrada (FID) es la métrica Métricas web esenciales que mide la capacidad de respuesta, pero, como se escribió anteriormente, existen limitaciones conocidas de FID. Esto nos llevó a explorar y pedir comentarios sobre una (entonces) métrica experimental que aborde 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 recopilación de comentarios de la comunidad, estamos listos para poner manos a la obra y anunciar que 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étrica web esencial para la capacidad de respuesta, en reemplazo de FID.

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

Una métrica mejorada de capacidad de respuesta

FID fue un gran avance cuando lo presentamos como Core Web Vital 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 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), FID mide directamente la experiencia del usuario. Cabe destacar que una página podría tener TBT o TTI lentos y aun así percibirse como responsiva, debido a la forma en que los usuarios reales interactúan con la página.

Si bien mejoró la forma en que medimos la capacidad de respuesta, el FID no estuvo libre de limitaciones. El nombre en sí da 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. Si bien las primeras impresiones son importantes, la primera interacción no es necesariamente representativa de todas las interacciones durante la vida de una página. Además, FID solo mide la porción del retraso de entrada de la primera interacción, que es la cantidad de tiempo que el navegador tuvo que esperar (debido a la actividad del subproceso principal) antes de comenzar a controlar la interacción.

Ingresa INP. En lugar de medir únicamente la primera interacción, INP tiene en cuenta todas las interacciones y registra una de las más lentas a lo largo de todo el ciclo de vida de la página. Y, en lugar de medir solo la parte del retraso, INP mide la duración total desde el inicio de la interacción, a través del controlador de eventos, y hasta que el navegador puede pintar el siguiente fotograma. Por lo tanto, pasamos a Interaction to Next Paint. Estos detalles de implementación hacen que INP sea una medición mucho más integral 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 se considerará una métrica pendiente de Métricas web esenciales. Esta es una nueva designación que indica que INP demostró su preparación para reemplazar FID, pero aún no realizaremos el cambio. Para darle tiempo al ecosistema de adaptarse, INP se convertirá oficialmente en una métrica Métricas web esenciales estables en marzo de 2024.

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

En nuestras herramientas, comenzarás a ver INP sin el prefijo o ícono de experimental. Si consumes datos INP de forma programática de cualquiera de las siguientes APIs, 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 en 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 su nombre de campo de INP anterior y nuevo.
* Lighthouse dejará de usar el campo INP experimental en la versión 11.

Para facilitar la transición y evitar fallas en las aplicaciones downstream, estas APIs seguirán entregando el campo INP experimental durante otros 90 días. La compatibilidad de la API para el campo 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 unirá el Procesamiento de imagen con contenido más grande (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 preciso del cambio y el plan de FID después de que se reemplace como Core Web Vital.

Primeros pasos con INP

Los valores de INP buenos son de 200 milisegundos o menos, los valores deficientes son superiores a 500 milisegundos y cualquier punto intermedio debe mejorar.

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 se encuentre en el 93% de los sitios que tienen un buen rendimiento de FID en dispositivos móviles. Sin embargo, quizás te sorprenda saber que solo el 65% de los sitios tienen una buena INP en los dispositivos móviles. 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 saber si tu sitio tiene problemas de INP, cómo abordarlos y todo lo relacionado con 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 una gran cantidad de guías nuevas para que todos aprendan a medir y optimizar el INP de la manera más sencilla posible.

INP puede tardar 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 que sintetiza nuestra guía con las recomendaciones más eficaces para mejorar las Métricas web esenciales. Específicamente, escribimos sobre tres técnicas imprescindibles que se aplican de la misma manera a la optimización de FID e INP: evitar o dividir tareas largas, evitar JavaScript innecesario y evitar actualizaciones de renderización grandes. Puedes obtener más información sobre estas y muchas otras técnicas de optimización de INP en nuestra documentación.

La ruta por delante

Se estableció un nuevo nivel de capacidad de respuesta, y nos entusiasma ver a la comunidad asumir el desafío de mejorar la experiencia del usuario. Los primeros comentarios y casos de éxito son prometedores, pero sabemos que para muchas personas puede ser un camino largo y desconocido. Nos esforzamos para que ese recorrido sea lo más fácil posible con diagnósticos, herramientas 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 estamos abiertos a recibir comentarios en web-vitals-feedback@googlegroups.com para ayudarnos a mejorar INP y el programa de Métricas web en su conjunto.