Interaction to Next Paint
Interaction to Next Paint (INP) est une métrique de Core Web Vital qui remplace le First Input Delay (FID).
Aperçu de Interaction to Next Paint
L'INP représente la réactivité d'une page, mesurée par la durée la plus longue des interactions observées avec l'utilisateur.
Ces trois types d'interactions sont mesurés :
- Cliquer avec la souris
- Tapoter sur un appareil à écran tactile
- Presser une touche
La mesure commence avec l'interaction et se termine lorsque la page répond à l'utilisateur par un retour visuel, comme l'affichage d'un menu de navigation ou l'ajout d'un article à un panier d'achat.
Google considère qu'une page a une bonne réactivité si son INP est égal ou inférieur à 200 millisecondes.
Lorsqu'une page a une valeur INP faible, cela signifie que les utilisateurs considèrent que la page répond rapidement à leurs interactions, d'où l'importance de cette mesure.
Comment trouver l'INP de la page ?
La mesure INP se trouve dans la section Core Web Vitals du rapport PageSpeed. Cela signifie que ce paramètre est mesuré sur le terrain, c'est-à-dire que les informations sont tirées spécifiquement de l'expérience de visiteurs réels au cours des 28 derniers jours.
Cela signifie également que tout facteur externe, tel que des réseaux ou des appareils lents, peut avoir un impact négatif et que les propriétaires de sites n'ont pas de contrôle total sur ces facteurs.
Désormais, si une page ne contient pas suffisamment d'informations, aucune mesure INP ne sera disponible, en savoir plus.
De plus, le processus d'obtention d'une métrique INP théorique est très complexe et n'est recommandé qu'aux experts ou aux développeurs.
Si un site n'a pas suffisamment d'interactions pour rapporter une métrique INP mesurée sur le terrain, la métrique TBT peut être utilisée comme référence.
Différence entre INP et FID
Alors que le FID est la valeur de la première interaction de l'utilisateur, l'INP prend en compte toutes les interactions qu'un utilisateur a eues pendant qu'il visitait une page, et indique celle qui est la plus élevée.
En outre, la mesure FID se limite à mesurer le temps nécessaire à l'exécution des scripts, alors qu'INP prend en compte le temps nécessaire à l'affichage du retour d'information visuel.
Améliorer l'Interaction to Next Paint
La métrique INP peut être améliorée en accélérant les interactions lentes avec l'utilisateur.
L'ensemble de l'interaction avec l'utilisateur peut être divisé en trois parties :
- Le délai de saisie, qui est le temps nécessaire pour qu'une page commence à fonctionner après une saisie de l'utilisateur.
- Le délai de traitement, c'est-à-dire le temps nécessaire à l'achèvement du processus.
- Le délai de présentation, c'est-à-dire le temps nécessaire au navigateur pour rendre le cadre qui contient la réponse visuelle.
Afin d'optimiser toutes les parties d'une interaction, il convient d'appliquer les techniques suivantes :
- Minimiser les ressources nécessaires pour charger une page et la rendre fonctionnelle
- Évitez d'utiliser des scripts de grande taille
- Inclure le moins possible de JavaScript
- Optimisation du code du callback d'événement
- Ne pas bloquer le fil principal et diviser les tâches longues en tâches plus petites
- Éviter d'utiliser des scripts tiers dans une page
- Réduire la taille du DOM
- Éviter de rendre une grande partie de l'HTML avec du JavaScript
En résumé, l'amélioration de l'INP est une tâche complexe qui nécessite que :
- Les développeurs de thèmes/plugins WordPress révisent leur code et évitent les longues tâches.
- Les propriétaires de sites WordPress réduisent le nombre de plugins et de scripts qui s'exécutent sur les pages.
Comment WP Rocket peut-il vous aider ?
Les options suivantes de WP Rocket peuvent vous aider :
- Reporter l’exécution du JavaScript - Il s'agit de la fonctionnalité la plus importante, car elle retarde l'exécution de JavaScript, ce qui accélère le rendu de la page.
- Supprimer les ressources CSS inutilisées - Cette option permet de minimiser les ressources CSS d'une page, afin d'en accélérer le rendu.
- Chargement différé des fichiers JavaScript - Cette fonction permet de différer le JavaScript d'une page, ce qui permet un rendu plus rapide.
- LazyLoad et LazyLoad pour les iframes et les vidéos - Ces optimisations permettront également d'accélérer le rendu de la page.
- Rendu différé automatique - Cette option différe le rendu des éléments sous la ligne de flottaison d'une page, afin d'afficher plus rapidement les éléments du haut.
Important : Étant donné que la mesure INP fait partie de la section d'évaluation de Core Web Vitals, l'impact de WP Rocket ne peut pas être mesuré correctement pour le moment.
Comment WP Rocket peut-il avoir un impact négatif ?
L'option Reporter l'exécution du JavaScript pourrait avoir un effet négatif sur l'INP.
Dans ce cas, vous devez en exclure les scripts nécessaires aux interactions critiques.
Le type d'interactions critiques le plus courant est celui qui se situe au-dessus de la page d'accueil, comme le fait de cliquer sur un menu de navigation, mais cela peut changer d'un site à l'autre.