Votre site web a un mauvais score INP : que faire ?

Introduction
Bonjour les amis ! Aujourd’hui, nous allons parler du score INP et de ce qu’il faut faire s’il n’est pas à la hauteur. Cet été, Google a envoyé de joyeux courriels indiquant que « Votre site web présente le problème INP suivant : la valeur « INP » est trop élevée : plus de 200ms (appareils mobiles) ». Qu’est-ce que cela signifie et comment y remédier ?

Qu’est-ce que l’INP ?
INP (Interaction to Next Paint) est une nouvelle mesure qui reflète la vitesse de réponse d’un site web. À partir de mars 2024, elle remplacera la mesure FID dans la famille Core Web Vitals.

L’INP évalue la rapidité avec laquelle une page répond à l’interaction de l’utilisateur. Il mesure l’interaction la plus longue observée sans prendre en compte les valeurs des menus déroulants.

INP ne prend en compte que les types d’interaction suivants :

Clic de souris
Toucher sur un appareil doté d’un écran tactile
Appui sur une touche d’un clavier physique ou à l’écran

INP n’est pas affecté par le mouvement de la souris ou le défilement de la page. Cependant, le défilement à l’aide du clavier (par exemple, « espace », « page précédente », « page suivante », etc.) nécessite d’appuyer sur une touche, ce qui peut déclencher d’autres événements enregistrés et pris en compte dans l’INP. Mais le fait de défiler n’affecte pas le calcul de l’INP, et tout défilement n’est pas pris en compte lors de la détermination du délai d’entrée global.

Ce qui différencie l’INP de la FID
Lorsqu’il s’agit de mesurer l’interaction de l’utilisateur avec une page web, il existe deux mesures :
1. Le délai d’entrée global (INP)
2. Le délai de la première entrée (FID)

INP couvre toutes les interactions de l’utilisateur sur la page et analyse le délai qui se produit avec chaque action. En revanche, FID se concentre uniquement sur la première interaction de l’utilisateur et mesure le temps qui s’écoule entre cette action et la réponse du navigateur. Il est important de noter que FID ne mesure pas le temps de traitement des événements ou le délai d’affichage de la prochaine image, mais se concentre uniquement sur le délai d’entrée au moment de la première interaction.

Pour plus d’informations, la vidéo ci-dessous présente les explications d’Annie Sullivan et de Michael McNee, ingénieurs de l’équipe chargée de la plateforme web Chrome, sur les raisons de l’introduction de la mesure INP et sur la manière dont elle facilite la vie des utilisateurs finaux.

Comment optimiser la réactivité du web avec Interaction to Next Paint

Comment optimiser la réactivité du web

Comment l’INP est-il calculé ?
L’interaction fait référence à une combinaison de gestionnaires d’événements qui sont activés par la même action logique de l’utilisateur. L’interaction peut être contrôlée à l’aide de JavaScript, de CSS, de contrôles standard du navigateur (tels que des éléments de formulaire) ou d’une combinaison de ces éléments.

Le délai d’interaction est la période correspondant à la durée d’exécution la plus longue d’un groupe de gestionnaires d’événements associés à une interaction spécifique, à partir du moment où l’utilisateur initie l’interaction et jusqu’à ce que le navigateur affiche la prochaine image de retour visuel.

Par exemple, lorsqu’un utilisateur clique sur un élément, le navigateur exécute une série de gestionnaires d’événements, et le délai d’interaction est déterminé par le temps nécessaire à l’exécution du gestionnaire le plus long avant que l’état visuel de la page ne soit mis à jour.

Signification de l’INP
L’INP est classé en trois catégories : « bon », « à améliorer » et « médiocre ».
-Un temps de réponse inférieur à 200 millisecondes est considéré comme bon,
un temps de réponse inférieur à 200 millisecondes est considéré comme bon, – un temps de réponse compris entre 200 et 500 millisecondes doit être amélioré,
-et un temps de réponse supérieur à 500 millisecondes est considéré comme médiocre.

L’action de l’utilisateur est mesurée par un seul chiffre, qui varie à chaque fois. Les outils qui rapportent les évaluations de terrain de Core Web Vitals le font en utilisant le 75e percentile.

Optimisation de l’INP
La stratégie d’optimisation de l’INP vise à réduire le temps d’attente lors du chargement des scripts, du chargement des ressources et de l’analyse HTML/CSS afin d’obtenir un rendu plus précis et plus rapide des pages web. Le mécanisme d’optimisation de l’INP comprend les étapes suivantes :

– Identification des zones à problèmes
– Analyse des résultats obtenus
– Accélération des zones problématiques pendant le chargement de la page

Pour identifier les zones problématiques, il faut commencer par analyser les données de terrain. Les données de terrain font référence aux données réelles que nous recevons des utilisateurs, également connues sous le nom de Real User Monitoring (RUM).

Ces données sont collectées en suivant les actions de tous les utilisateurs qui visitent une page web particulière. Les outils Chrome qui rendent compte des données de terrain obtiennent généralement ces données à partir du
Chrome User Experience Report (CrUX).
PageSpeed Insights peut également être utilisé.

Pour afficher la valeur de la métrique INP, vous pouvez vous rendre dans la section « Core Web Vitals » de Google Search Console. Si un site web rencontre des problèmes avec l’INP, un avertissement apparaîtra à cet endroit.

Le 6 septembre 2023, Ahrefs a annoncé l’introduction d’une mesure d’autorité web : INP, dans son blog. Pour trouver des pages avec de faibles scores INP lors de l’analyse, sélectionnez « Page Explorer » dans le menu de gauche, cliquez sur « Columns », et ajoutez des colonnes liées à l’INP par le biais de la fonction de recherche.

Image tirée du blog d’Ahrefs

Après avoir identifié les pages ayant un mauvais score INP (Input Delay), l’étape suivante consiste à comprendre quelle action de l’utilisateur est spécifiquement à l’origine de la lenteur de la réponse de la page et comment la vitesse de réponse peut être augmentée. Dans la plupart des cas, les méthodes standard permettant d’accélérer les pages d’un site web sont utiles :

-Optimiser les images ;
-Minimiser ou compresser les fichiers CSS et JS ;
-Chargement asynchrone ;
-Mise en cache des pages lentes ;
-Nettoyer le code ;
-Passer à un fournisseur d’hébergement plus rapide ;
-l’utilisation d’un réseau de diffusion de contenu.

Cependant, il n’est pas rare qu’un webmestre ayant un excellent DIF rencontre soudainement des problèmes avec l’INP. Le plus souvent, cela signifie qu’un script lancé par l’utilisateur fonctionne lentement, plutôt que le chargement de la page. C’est l’étude de la logique de ces scripts qui permet généralement de résoudre ce problème.

Par exemple, l’une des méthodes permettant de résoudre le problème consiste à retarder manuellement l’exécution d’une partie du code à l’aide de la fonction setTimeout(). Même si vous fixez le délai à zéro, cette fonction créera une tâche distincte, la retirant du fil d’exécution principal, ce qui réduira le temps de réponse.

Les principaux problèmes, généralement causés par des scripts externes auxquels les webmasters n’ont pas accès, tels que les iframes avec des lecteurs. La vitesse de chargement de ces scripts peut affecter sensiblement l’indicateur INP. Dans de tels cas, il vaut la peine de chercher ses propres solutions pour améliorer l’indicateur.

Conclusion
Malgré les déclarations fracassantes de Google, jusqu’en mars 2024, date à laquelle l’INP commencera à avoir un impact sur le classement, nous ne pouvons pas dire avec précision à quel point la latence d’entrée globale (INP) sera un facteur important. Puisque INP sera utilisé à la place de FID, on peut supposer que l’impact sur le classement sera comparable, mais nous n’en sommes pas sûrs : il s’agit toujours de facteurs différents.

Alors qu’un mauvais score FID indique clairement des performances de page lentes et donc un site web de faible qualité, un mauvais score INP peut seulement indiquer l’utilisation d’un script gourmand en ressources qui effectue une tâche importante. En outre, il est possible que des ajustements soient apportés à cette mesure avant sa mise en œuvre – ce n’est pas pour rien qu’elle n’a pas été introduite immédiatement.

Chers amis, merci d’avoir lu l’article jusqu’au bout ! J’espère que cet article vous a été utile et que vos sites web auront des métriques INP améliorées ! ?