INP une nouvelle métrique Google pour mesurer la performance des sites

Comme vous le savez déjà, Google évalue la performance des sites web dans le but d'optimiser le classement des résultats sur son moteur de recherche. Naturellement, son intention est de diriger les internautes vers des sites web techniquement performants (que l'on peut résumer pour faire simple par des sites web rapides). Pour être bien référencé dans Google, vous devez créer des sites web rapides, apportant aux internautes une expérience la plus agréable possible. 

Aujourd'hui, l'une des métriques importante pour Google est le First Input Delay (FID). LE FID, introduit en mai 2020, fait partie des Core Web Vitals, des métriques utilisées par Google Lighthouse de Pagespeed Insight, qui sont orientées internautes et mesurent la réactivité après une interaction sur une page web. Le FID quantifie le délai pendant lequel les utilisateurs attendent une réponse d'une page.
Pour faire plus simple, le First Input Delay (FID) sert donc à apprécier la première perception des utilisateurs en termes d'interactivité et de réactivité de votre site web.

Un FID faible signifie que la page donne une impression positive aux internautes.

Maintenant que le FID est plus clair pour vous, vous serez ravi d'apprendre que Google remplace cette métrique par un nouvel indicateur à partir de mars 2024 : l'INP, c'est à dire l'Interaction to Next Paint.

Concrètement l'INP évalue la réactivité d'une page web. Lorsqu'une action d'un internaute sur une page web rend cette page non réactive, cela entraîne une mauvaise expérience utilisateur. L'INP surveille la latence de toutes les interactions d'un internaute avec la page, et rapporte une seule valeur. Un INP faible signifie que la page a été constamment capable de répondre rapidement à la totalité des actions d'un internaute.

On ne mesure pas véritablement l'INP d'un site Internet, mais plutôt de chacune des pages d'un site. Cela dit pour savoir où en est votre site internet, rendez-vous sur votre Google Search Console qui propose les données INP qu'elle mesure sur les pages de votre site web. Vous retrouvez cette métrique dans la rubrique dédiée aux Signaux Web essentiels.

Pour travailler page par page et améliorer l'expérience des internautes sur votre site web, vous pouvez également vous rendre sur PageSpeed Insights. PageSpeed Insights propose le score INP des urls que vous lui soumettez. Notez tout de même que l'expérience des internautes peut-être très différent selon leurs supports de navigation : mobile ou ordinateur.

Un score correct d'INP sur ordinateur n'assure pas un bon score sur mobile. Les résultats du moteur de recherche Google prendront en compte cette différence.

Si un site internet présente des valeurs INP qui dépassent le seuil qualifié de "bon", il est bien entendu nécessaire d'identifier les améliorations possibles pour optimiser ces valeurs. Des valeurs INP élevées indiquent généralement une dépendance importante à JavaScript.

Il y a 2 points importants pour améliorer son score INP : 

• Optimisez l'INP dès le début du chargement d'une page web
• Optimisez l'INP après le début du chargement d'une page web

Maintenant que nous comprenons les éléments qui impactent l'INP, voici quelques conseils pratiques pour l'améliorer :

• Optimisation de l'exécution de JavaScript : des techniques comme le découpage de code, le découpage d'arbre et le chargement asynchrone peuvent optimiser l'exécution de JavaScript, ce qui améliore l'INP.
• Chargement asynchrone et différé : le chargement asynchrone ou le report du chargement des ressources non critiques après le premier affichage peut améliorer les performances perçues et l'INP.
• Minimisation et compression du code : la réduction de la taille des fichiers en utilisant des techniques telles que la minimisation et la compression du code peut améliorer l'INP en diminuant les temps de téléchargement.
• Priorisation du contenu critique : la priorisation du contenu au-dessus de la ligne de flottaison assure que les éléments essentiels sont affichés en premier, conduisant à un affichage plus rapide et à un meilleur INP.

Et enfin 2 ressources pour améliorer l'INP de vos pages web :

• L'extension chrome : Coverage vous aide à détecter le code JavaScript et CSS inutilisé. La suppression de ce code inutilisé peut accélérer le chargement de vos pages web par les internautes, et donc améliorer votre score INP.
• Le site Google dédié aux développeurs web propose une page dédiée à l'optimisation de l'INP (en anglais).