L'interaction avec Next Paint deviendra officiellement un élément Core Web Vitals et remplacera le First Input Delay le 12 mars.
Le programme Web Vitals fournit des métriques pour aider les développeurs Web à mesurer des aspects clés de l'expérience utilisateur sur le Web. Le First Input Delay (FID) représentait l'aspect du programme concernant la réactivité, mais au fil du temps, il est devenu évident qu'une nouvelle métrique était nécessaire pour capturer les aspects de l'interactivité sur le Web que le FID n'avait pas. L'équipe Chrome a pris conscience de ce besoin et a lancé Interaction to Next Paint (INP) comme 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 serait stable en mars 2024.
Nous annonçons aujourd'hui que INP deviendra officiellement un outil Core Web Vitals et remplacera le FID le 12 mars de cette année, et que FID sera abandonné lors de cette transition.
Ce post propose des conseils de l'équipe Chrome pour vous préparer à ce changement et savoir à quoi vous attendre une fois qu'il aura pris effet.
Comment puis-je me préparer ?
La première étape de cette transition consiste à déterminer si l'INP de votre site Web répond aux critères de réussite d'entrée. Tous les Core Web Vitals sont évalués en fonction de leurs performances sur le terrain au 75e centile de tous les chargements de page.
Pour connaître les performances de votre site Web sur INP, le moyen le plus simple est d'utiliser PageSpeed Insights, qui affiche les données du rapport sur l'expérience utilisateur Chrome. CrUX est l'ensemble de données officiel du programme 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 de surveillance des utilisateurs réels (RUM, Real User Monitoring), qui observe également les performances de votre site Web sur le terrain. Si vous travaillez avec un fournisseur RUM, renseignez-vous sur son INP.
Si vous constatez que l'INP de votre site Web se trouve dans 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 la façon de diagnostiquer et de dépanner INP:
- Identifiez les interactions lentes sur le terrain.
- diagnostiquez 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 à optimiser:
- Optimisez les longues tâches si votre code JavaScript prend beaucoup de temps sur le thread principal. Si vous constatez une forte activité du thread principal pendant le chargement de la page, qui déclenche de nombreuses tâches longues sur le thread principal, il se peut que vous rencontriez des problèmes avec un nombre excessif de tâches d'évaluation de script.
- Optimisez le délai d'entrée si le traitement des interactions prend beaucoup de temps.
- Les DOM volumineux peuvent nécessiter beaucoup de travail d'affichage, et les interactions modifient souvent le DOM. Il est préférable d'éviter les mises en page complexes et volumineuses, ainsi que le thrashing de mise en page, et de réduire la taille du DOM lorsque vous le pouvez.
- Si vous utilisez des 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 en quoi le rendu côté client du code HTML peut influer sur l'interactivité.
La complexité d'INP signifie que vous optimisez l'interactivité de nombreuses manières, mais l'effort en vaut la peine. Plusieurs études de cas ont été menées, comme celles du The Economic Times et de redBus, sur l'amélioration des résultats commerciaux grâce à la réduction de la latence des interactions. L'optimisation d'INP sur votre site peut également vous aider à atteindre vos objectifs.
Que se passera-t-il une fois que INP deviendra une métrique Core Web Vitals ?
Il est utile de rappeler que INP deviendra officiellement un outil Core Web Vitals et remplacera le FID le 12 mars de cette année. En outre, FID ne sera plus considéré comme une métrique Core Web Vitals et sera officiellement abandonné et supprimé du programme.
Par conséquent, vous pouvez vous attendre à voir des modifications dans la documentation FID. Une documentation historique sur le FID restera en place, mais des notifications bien visibles seront ajoutées pour souligner le statut d'abandon du FID et pour consulter la documentation INP. D'autres documents axés sur 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 de Google, mais il en va de même pour INP. FID sera supprimé de la Google Search Console dès que INP deviendra Core Web Vitals le 12 mars. Tous les autres outils, tels que PageSpeed Insights et CrUX, auront une période d'abandon de six mois pour donner aux développeurs la possibilité 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 voie à suivre
L'inclusion d'INP dans les métriques Core Web Vitals a été soigneusement planifiée au cours des deux dernières années, ce qui représente une avancée importante. 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 à rendre le Web plus réactif au fil du temps. INP devrait devenir un élément Core Web Vitals le 12 mars. Nous espérons que les développeurs profiteront de ce temps pour comprendre et optimiser leurs performances INP.
Comme toujours, si vous avez des questions ou des inquiétudes, n'hésitez pas à nous faire part de vos commentaires à l'adresse [email protected] concernant INP, FID ou toute autre métrique du programme Web Vitals.