INP n'est plus au stade expérimental. Découvrez comment Chrome prévoit d'en faire un essentiel pour le Web en 2024.
Avec le programme Core Web Vitals, Chrome s'est donné pour mission d'aider les développeurs à se concentrer sur les métriques qui sont essentielles à une excellente expérience utilisateur : les Core Web Vitals. Un aspect important de l'expérience utilisateur sur lequel nous nous sommes concentrés est la réactivité, c'est-à-dire la capacité d'une page Web à réagir rapidement aux interactions des utilisateurs.
Le FID (First Input Delay) est la métrique Core Web Vitals qui mesure la réactivité. Cependant, comme nous l'avons déjà écrit, il existe des limites connues pour le FID. Cela nous a amenés à explorer et à recueillir des commentaires sur une métrique expérimentale (alors) qui permet de corriger plus efficacement ces limites. En 2022, nous avons annoncé Interaction to Next Paint (INP) comme nouvelle métrique, l'avons rendue largement disponible dans nos outils, et nous avons commencé à collaborer avec la communauté pour tester son efficacité.
Après une année supplémentaire de tests et de collecte de commentaires auprès de la communauté, nous sommes prêts à prendre un peu de recul et à annoncer qu'INP n'est plus au stade expérimental. De plus, à compter de mars 2024, nous nous engageons à promouvoir INP en tant que nouvelle métrique Core Web Vitals pour la réactivité, en remplacement du FID.
Dans cet article, nous allons vous donner plus d'informations sur les raisons de cette décision, sur ce qui va changer et sur la marche à suivre pour démarrer. Pour en savoir plus sur l'impact de ce changement sur la recherche Google, consultez cet article de blog.
Une meilleure métrique de réactivité
Lorsque nous l'avons présenté aux métriques Core Web Vitals en 2020, FID a été un grand pas en avant. Elle offrait aux développeurs une nouvelle façon de mesurer la réactivité en fonction de l'expérience des utilisateurs réels, ce qui a toujours été un élément important du programme Core Web Vitals. Contrairement à des métriques similaires qui ne font qu'estimer l'interactivité des pages, comme le temps total de blocage et le délai avant interactivité, FID mesure directement l'expérience utilisateur. Il est important de noter qu'une page peut avoir un TTI ou un affichage personnalisé lent tout en étant toujours perçue comme responsive, en raison de la façon dont les utilisateurs réels interagissent avec la page.
Même s'il a amélioré la façon dont nous mesurons la réactivité, le FID n'était pas sans limites. Le nom lui-même comporte en fait deux limitations de ce type: "première entrée" et "retard". Le FID ne signale que la réactivité de la première interaction d'un utilisateur avec la page. Même si les premières impressions sont importantes, la première n'est pas nécessairement représentative de toutes les interactions tout au long de la vie d'une page. De plus, le FID ne mesure que la partie délai d'entrée de la première interaction, qui correspond à la durée d'attente du navigateur (en raison de l'occupation du thread principal) avant même de commencer à gérer l'interaction.
Saisissez INP. Plutôt que de ne mesurer que la première interaction, INP prend en compte toutes les interactions, indiquant l'une des plus lentes sur toute la durée de vie de la page. Au lieu de mesurer uniquement la partie du délai, INP mesure toute la durée à partir du début de l'interaction, via le gestionnaire d'événements et jusqu'à ce que le navigateur soit en mesure de peindre l'image suivante. d'où l'interaction avec Next Paint. Ces détails d'implémentation font de l'INP une mesure beaucoup plus complète que le FID pour mesurer la réactivité perçue par l'utilisateur.
Évolution de l'INP
À partir d'aujourd'hui, INP n'est plus au stade expérimental et sera considéré à la place comme une métrique "Core Web Vitals" en attente. Cette nouvelle désignation indique que l'INP a prouvé qu'il était prêt à remplacer le FID, mais que nous n'avons pas encore procédé à ce changement. Pour laisser à l'écosystème le temps de s'adapter, INP deviendra officiellement une métrique Core Web Vitals stable en mars 2024.
Dans nos outils, vous commencerez à voir INP sans le préfixe ou l'icône experimental. Si vous utilisez programmatiquement des données INP à partir de l'une des API suivantes, vous devrez mettre à jour votre code pour passer au champ INP non expérimental.
Pour faciliter la transition et éviter de perturber les applications en aval, ces API continueront de diffuser le champ INP expérimental pendant 90 jours supplémentaires. L'API ne sera plus compatible avec le champ INP expérimental à partir du 8 août 2023.
Dans l'intervalle, FID restera dans les métriques Core Web Vitals jusqu'en mars 2024. À cette date, INP intégrera Largest Contentful Paint (LCP) et Cumulative Layout Shift (CLS) en tant que trois Core Web Vitals stables. Dans une prochaine mise à jour, nous vous communiquerons plus d'informations sur le calendrier précis de cette modification et sur le plan concernant le FID après son remplacement en tant que Core Web Vitals.
Premiers pas avec INP
N'attendez pas que l'INP devienne une métrique Core Web Vitals en 2024 pour commencer à l'améliorer. Votre site Web peut très bien faire partie des 93% des sites qui présentent de bonnes performances FID sur les appareils mobiles. Toutefois, vous pourriez être surpris d'apprendre que seulement 65% des sites ont un INP satisfaisant sur les appareils mobiles. L'INP donne une image beaucoup plus précise de la réactivité. Ces chiffres nous aident donc à identifier plus clairement la marge d'amélioration qui nous attend.
Pour savoir si votre site présente des problèmes liés à l'INP, savoir comment les résoudre et en savoir plus sur les INP, consultez le guide d'optimisation INP. Que vous découvriez la réactivité pour la première fois ou que vous soyez un expert des performances, nous avons ajouté de nombreuses nouvelles recommandations pour permettre à chacun d'apprendre facilement à mesurer et à optimiser l'INP.
L'apprentissage de l'INP peut prendre un certain temps, et c'est très bien. Pour vous aider à vous concentrer sur les optimisations offrant le ROI le plus élevé, nous avons publié plus tôt cette année un article de blog qui détaille nos recommandations pour vous proposer les recommandations les plus efficaces pour améliorer les métriques Core Web Vitals. Plus précisément, nous avons décrit trois techniques à connaître qui s'appliquent de la même manière à l'optimisation du FID et de l'INP: éviter ou diviser les tâches longues, éviter le JavaScript inutile et éviter les mises à jour importantes de l'affichage. Pour en savoir plus sur ces techniques d'optimisation INP et sur de nombreuses autres, consultez notre documentation.
La suite
Nous avons mis en place de nouveaux critères de réactivité, et nous sommes heureux de voir la communauté relever le défi et offrir une meilleure expérience utilisateur. Les premiers commentaires et études de cas se sont révélés prometteurs, mais nous savons que pour beaucoup, le chemin à parcourir peut être long et inhabituel. Nous nous efforçons de simplifier ce processus en améliorant les diagnostics, les tools et la documentation destinés aux développeurs.
Nous vous communiquerons prochainement plus d'informations sur la date exacte d'obtention du diplôme d'INP en mars 2024. Même si cette métrique n'est plus au stade expérimental, nous sommes toujours prêts à vous faire part de vos commentaires à l'adresse web-vitals-feedback@googlegroups.com afin de nous aider à améliorer INP et le programme Core Web Vitals dans son ensemble.