INP n'est plus au stade expérimental. Découvrez comment Chrome prévoit de faire de Chrome un outil essentiel pour le Web en 2024.
Avec le programme Web Vitals, Chrome a pour mission d'aider les développeurs à se concentrer sur les métriques essentielles à l'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é, qui est la capacité d'une page Web à réagir rapidement aux interactions des utilisateurs.
Le délai de première entrée (FID, First Input Delay) est la métrique Core Web Vitals qui mesure la réactivité. Cependant, comme nous l'avons vu précédemment, il existe des limites connues du FID. Cela nous a amenés à explorer une métrique expérimentale (alors) qui répondrait à ces limites plus efficacement, et à recueillir des commentaires sur cette métrique. En 2022, nous avons annoncé Interaction to Next Paint (INP) comme nouvelle métrique, l'avons rendue largement disponible dans nos outils et avons commencé à travailler avec la communauté pour tester son efficacité.
Après une nouvelle année de tests et de collecte de commentaires de la part de la communauté, nous sommes prêts à vous lancer et à annoncer que l'INP n'est plus une fonctionnalité expérimentale. Par ailleurs, à compter de mars 2024, nous nous engageons à promouvoir INP comme nouvelle métrique Core Web Vitals pour la réactivité, en remplacement du FID.
Dans cet article, nous allons vous expliquer plus en détail les motivations à l'origine de cette décision, ce qui change exactement et comment s'y prendre. 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é
FID a été un grand pas en avant lorsque nous l'avons lancé comme métrique Core Web Vitals en 2020. Il offrait aux développeurs un nouveau moyen de mesurer la réactivité à l'image de vrais utilisateurs, ce qui a toujours constitué une part importante du programme Core Web Vitals. Contrairement à des métriques similaires qui se limitent à évaluer l'interactivité des pages, comme le Temps de blocage total (TBT) et le Délai d'interaction (TTI), le FID mesure directement l'expérience utilisateur. Il est important de noter qu'une page peut présenter un TTC ou un TTI lent tout en restant perçue comme responsive, en raison de la façon dont les utilisateurs réels interagissent avec la page.
Bien qu'il ait amélioré la façon dont nous mesurons la réactivité, le FID n'était pas sans limites. Le nom lui-même laisse en réalité deux limites de ce type : "première entrée" et "delay". FID ne signale que la réactivité de la première interaction de l'utilisateur avec la page. Même si la première impression est importante, la première interaction 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, c'est-à-dire la durée pendant laquelle le navigateur a dû attendre (en raison de l'occupation du thread principal) avant même de commencer à gérer l'interaction.
Saisissez INP. Plutôt que de mesurer uniquement la première interaction, INP tient compte de toutes les interactions et signale l'une des plus lentes sur toute la durée de vie de la page. En outre, au lieu de mesurer uniquement la portion retard, INP mesure la durée totale à partir du début de l'interaction, via le gestionnaire d'événements et jusqu'à ce que le navigateur soit en mesure de peindre le frame suivant. D'où l'interaction avec Next Paint. Ces détails d’implémentation font de FID une mesure beaucoup plus complète de la réactivité perçue par l’utilisateur que FID.
Évolution de l'INP
À partir d'aujourd'hui, INP n'est plus en phase de test et sera considéré comme une métrique Core Web Vitals en attente. Il s'agit d'une nouvelle désignation pour indiquer qu'INP a prouvé qu'il était prêt à remplacer le FID, mais nous n'effectuons pas ce changement pour le moment. Afin de laisser le temps à l'écosystème 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 ni l'icône experimental
. Si vous utilisez de manière programmatique les données INP 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. Le champ INP expérimental ne sera plus pris en charge par l'API à partir du 8 août 2023.
En attendant, FID restera un élément Core Web Vitals jusqu'en mars 2024. L'INP rejoindra alors 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 la date exacte de ces modifications et sur le plan concernant le FID après son remplacement en tant que métrique Core Web Vitals.
Premiers pas avec INP
N'attendez pas qu'INP devienne un 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 dont les performances FID sont bonnes sur les appareils mobiles. Cependant, vous pourriez être surpris d'apprendre que seuls 65% des sites ont un bon INP sur les appareils mobiles. L'INP offre une image beaucoup plus précise de la réactivité. Ces chiffres nous permettent donc de voir plus clairement les possibilités d'amélioration qui s'offrent à nous.
Pour savoir si votre site présente des problèmes liés à l'INP, comment les résoudre et pour connaître tous les aspects d'INP, le meilleur point de départ est le guide d'optimisation de l'INP. Que vous découvriez la réactivité pour la première fois ou que vous soyez un expert en performances, nous avons ajouté de nombreuses recommandations pour que chacun puisse facilement mesurer et optimiser l'INP.
INP peut mettre un certain temps à apprendre, et ce n'est pas un problème. Pour vous aider à vous concentrer sur les optimisations générant le meilleur ROI, nous avons publié un article de blog plus tôt cette année. Il résume nos conseils et les recommandations les plus efficaces pour améliorer les Core Web Vitals. Plus précisément, nous avons décrit trois techniques incontournables qui s'appliquent de la même manière à l'optimisation du FID et de l'INP: éviter ou décomposer les longues tâches, éviter les JavaScript inutiles et éviter les mises à jour de rendu volumineuses. Pour en savoir plus sur ces techniques et sur bien d'autres techniques d'optimisation INP, consultez notre documentation.
La voie à suivre
Les nouveaux critères de réactivité ont été instaurés, et nous avons hâte de voir la communauté relever le défi d'une meilleure expérience utilisateur. Les premiers commentaires et études de cas sont prometteurs, mais nous savons que pour beaucoup d'entre eux, le chemin à parcourir peut être long et inconnu. Nous nous efforçons de simplifier ce processus le plus possible en améliorant les diagnostics, les outils et la documentation améliorés afin d'aider les développeurs.
Nous vous communiquerons prochainement plus d'informations sur la date exacte de l'obtention du diplôme d'INP en mars 2024. Bien que cette métrique ne soit plus expérimentale, nous restons à votre disposition à l'adresse web-vitals-feedback@googlegroups.com pour nous aider à améliorer INP et le programme Web Vitals dans son ensemble.