Google dévoile un tutoriel pour identifier et résoudre les problèmes d’INP

Google publie un tutoriel pour aider à diagnostiquer et résoudre les problèmes d'Interaction to Next Paint (INP), le nouveau critère des Core Web Vitals mesurant la réactivité des sites web à la place du First Input Delay (FID). 

Ce qu'il faut retenir :

• L'INP, successeur du First Input Delay (FID), est un indicateur clé des Core Web Vitals, reflétant la réactivité des sites web ; 
• Google propose une méthode détaillée pour utiliser Chrome DevTools afin d'identifier et de corriger les problèmes affectant l'INP.

Analyse et optimisation de l'INP

Le 12 mars 2024, Google a remplacé la métrique First Input Delay (FID) par Interaction to Next Paint (INP). Ce changement a été officiellement annoncé presque un an auparavant, en mai 2023. Le critère FID, validé sur la grande majorité des sites web, était peu intéressant pour Google. C’est pourquoi Google a décidé de le remplacer par un critère plus différenciant : l’INP, qui mesure la réactivité d’un site. Un bon score INP se situe en dessous de 200 millisecondes, tandis qu’au-delà de 500 ms, le site est jugé trop lent. 

Pour aider les développeurs et les professionnels du SEO à respecter cette nouvelle métrique, Google a publié un tutoriel vidéo détaillé montrant comment utiliser Chrome DevTools pour identifier et résoudre les problèmes d'INP.

Tutoriel sur les Chrome DevTools

Le tutoriel guide les utilisateurs à travers les étapes suivantes pour diagnostiquer les problèmes d'INP :

• Ouverture de Chrome DevTools : Avec un clic droit sur une page, cliquez sur “Inspect” ;
• Simulation d'un appareil mobile plus lent : Cliquez sur “Device Toggle” pour activer l'émulation d'affichage mobile. Cliquez sur “Network” et sélectionnez “Mid-tier mobile” pour simuler une connexion plus lente. 
• Enregistrement des interactions utilisateur : Dans l'onglet "Performance", enregistrez les actions de l'utilisateur (avec le cercle noir plein), interagissez avec le site comme un utilisateur lambda en cliquant sur des boutons ou des liens (la vidéo propose de cliquer sur le menu), , puis stoppez l’enregistrement.
• Analyse de la performance : Un graphique de performances apparaît ensuite. Cliquez sur “Interactions” pour l’ouvrir et regardez le temps écoulé entre le moment où vous avez cliqué et le moment où une réponse s’est affichée. Identifiez les tâches longues.
• Identification du problème : Dans l’onglet “Summary”, vous trouverez un lien vers la page, pour accéder au code responsable de l’interaction lente. Cela vous permettra de résoudre le problème.

Avec la récente arrivée de l’INP, la vidéo de Google arrive à point nommé pour aider les SEO et les développeurs à améliorer leur score et rendre leur site plus réactif.

Pour en savoir plus sur l’INP et les différentes solutions pour l’améliorer (sur Réacteur) : 

• Webperf : qu’est-ce que l’INP et comment va-t-il impacter votre SEO ? [1ère partie]
• Webperf : qu’est-ce que l’INP et comment va-t-il impacter votre SEO ? [2ème partie]