Interaction to Next Paint deviendra officiellement une métrique Core Web Vitals et remplacera First Input Delay le 12 mars.
Le programme Signaux Web fournit des métriques pour aider les développeurs Web à mesurer des aspects clés de l'expérience utilisateur sur le Web. Le FID (First Input Delay) représentait l'aspect réactif du programme. Toutefois, au fil du temps, il est devenu évident qu'une nouvelle métrique était nécessaire pour identifier les aspects de l'interactivité sur le Web que le FID ne tenait pas. Consciente de ce besoin, l'équipe Chrome a lancé Interaction to Next Paint (INP) en tant que métrique expérimentale en mai 2022. L'année dernière, INP est devenu une métrique en attente, et nous avons annoncé qu'INP passerait à l'état stable en mars 2024.
Aujourd'hui, nous annonçons que INP deviendra officiellement un outil essentiel pour le Web et remplacera le FID le 12 mars de cette année, et que FID sera abandonné lors de cette transition.
Dans ce post, vous trouverez des conseils de l'équipe Chrome pour vous préparer à ce changement et savoir à quoi vous attendre une fois qu'il entrera en vigueur.
Comment puis-je me préparer ?
La première étape de cette transition consiste à déterminer si l'INP de votre site Web dépasse le seuil "satisfaisant". Toutes les métriques Core Web Vitals sont évaluées en fonction de leurs performances sur le terrain au 75e centile de tous les chargements de page.
Le moyen le plus simple de connaître les performances de votre site Web sur INP est d'utiliser PageSpeed Insights, qui fournit des données du rapport d'expérience utilisateur Chrome. CrUX est l'ensemble de données officiel du programme Core Web Vitals. Il peut constituer une source potentielle de données réelles pour votre site Web.
Une autre source de données de champ peut provenir d'un fournisseur Real User Monitoring (RUM), qui observe également les performances de votre site Web dans ce domaine. Si vous travaillez avec un fournisseur de RUM, renseignez-vous sur son assistance INP.
Si vous constatez que l'INP de votre site Web appartient à la catégorie "Amélioration nécessaire" ou "Médiocre", nous avons préparé plusieurs ressources pour vous aider à l'améliorer, en commençant par comment diagnostiquer et résoudre les problèmes liés à l'INP:
- Identifiez les interactions lentes sur le terrain.
- Diagnostiquer manuellement les interactions lentes dans l'atelier
Une fois que vous avez identifié le problème, vous pouvez utiliser les guides suivants pour déterminer les parties de l'interaction que vous devez optimiser:
- Optimisez les tâches longues si JavaScript prend beaucoup de temps sur le thread principal. Si vous constatez une forte activité du thread principal au cours du chargement de la page, entraînant de nombreuses tâches longues sur le thread principal, vous rencontrez peut-être un nombre excessif de tâches d'évaluation des scripts.
- Optimisez le délai d'entrée si le traitement des interactions prend beaucoup de temps.
- Les grands DOM peuvent nécessiter beaucoup de travail de rendu, et les interactions modifient souvent le DOM. Il est préférable d'éviter les mises en page volumineuses et complexes, ainsi que le thrashing de la mise en page, et de minimiser la taille du DOM dans la mesure du possible.
- Si vous disposez de sélecteurs CSS complexes, ils peuvent également entraîner un travail considérable en réponse aux interactions des utilisateurs.
- Enfin, si votre site Web affiche une grande partie de son code HTML sur le client via JavaScript, il est important de savoir comment le rendu du code HTML côté client peut affecter l'interactivité.
La complexité de INP signifie que vous optimiserez l'interactivité de nombreuses façons, mais l'effort en vaut la peine. Plusieurs études de cas, telles que celles du The Economic Times et de redBus, montrent comment réduire la latence des interactions améliore les résultats commerciaux. L'optimisation de l'INP sur votre site peut également vous aider à atteindre vos objectifs.
Que se passera-t-il une fois que l'INP deviendra une métrique Core Web Vitals ?
Il convient de répéter que INP deviendra officiellement un outil essentiel Web et remplacera le FID le 12 mars de cette année. Par ailleurs, FID ne sera plus considéré comme Core Web Vitals et sera officiellement obsolète et supprimé du programme.
Par conséquent, vous pouvez vous attendre à voir des modifications dans la documentation du FID. Les documents historiques importants sur le FID resteront en place, mais des avis bien visibles seront ajoutés pour souligner le statut obsolète du FID et pour se reporter à la documentation sur l'INP. Les autres documents axés sur le FID peuvent être complètement supprimés et redirigés vers la documentation INP pertinente.
Le FID est toujours représenté dans de nombreux outils Google, tout comme INP. Le FID sera supprimé de la Google Search Console dès que l'INP deviendra un élément essentiel du Web le 12 mars. Tous les autres outils, tels que PageSpeed Insights et CrUX, proposeront une période d'abandon de six mois pour permettre aux développeurs de mettre à jour leur code.
Enfin, si vous avez des questions sur l'impact de l'inclusion d'INP dans les métriques Core Web Vitals pour la recherche Google, consultez l'annonce d'INP sur Google Search Central.
La suite
L'intégration d'INP aux métriques Core Web Vitals a été soigneusement planifiée au cours des deux dernières années et représente un grand pas en avant. Nous pensons que l'approche globale d'INP en matière de réactivité sur le Web aidera les développeurs à mieux évaluer et améliorer cet aspect important de l'expérience utilisateur, et contribuera à un Web plus réactif au fil du temps. Le 12 mars, nous souhaitons que les développeurs INP soient considérés comme Core Web Vitals afin de comprendre et d'optimiser leurs performances.
Comme toujours, si vous avez des questions ou des préoccupations, n'hésitez pas à nous envoyer vos commentaires à l'adresse web-vitals-feedback@googlegroups.com sur l'INP, le FID ou toute autre métrique du programme Core Web Vitals.