La version courte
L'Interaction to Next Paint mesure le délai entre le moment où quelqu'un appuie et la page qui réagit visiblement, tout au long de la visite, rapporté à la pire interaction plutôt qu'à la moyenne. Sur un site d'entrepreneur, les appuis qui comptent sont le bouton d'appel et le formulaire de soumission, et ce sont précisément les éléments que les constructeurs de pages entourent du plus de JavaScript. L'échec typique est qu'un widget de clavardage, un script de carte thermique et un ensemble de validation de formulaire se réveillent tous à la première interaction - de sorte que le tout premier appui est le plus lent que le visiteur fera jamais, et c'est l'appui qui décide s'il vous appelle. Le corriger nécessite habituellement trois changements, dont aucun ne nécessite de reconstruire le site.
Ce que l'INP mesure réellement
L'Interaction to Next Paint mesure le temps que prend la page pour réagir visuellement lorsqu'une personne interagit avec elle - un appui, un clic, une pression de touche. Pas le temps que prend l'action résultante pour se terminer, mais le temps avant que quelque chose à l'écran ne change pour reconnaître que l'action a eu lieu.
Deux détails rendent cette métrique plus sévère que celle qu'elle a remplacée. Elle observe l'ensemble de la visite plutôt que la première interaction, donc une page rapide au chargement et lente une fois que tout a démarré échoue quand même. Et elle rapporte la pire interaction plutôt que la moyenne, ce qui signifie qu'un appui mal bloqué dans une session détermine le score - vous ne pouvez pas le compenser avec neuf appuis rapides.
Pourquoi les sites d'entrepreneurs échouent spécifiquement
Sur un site d'entrepreneur, il y a deux interactions qui comptent et ce sont les deux qui génèrent de l'argent : le bouton d'appel et le formulaire de soumission. Tout le reste est de la navigation. Cette concentration est inhabituelle - un site d'actualités a des centaines d'interactions significatives réparties sur une visite, un site d'entrepreneur en a deux - et cela signifie que la métrique et le résultat commercial pointent exactement vers les mêmes éléments.
Les constructeurs de pages font ensuite la pire chose possible avec ces éléments. Le bouton d'appel n'est souvent pas un lien, mais un composant scripté. Le formulaire est une extension avec son propre ensemble de validation. Les deux sont enveloppés dans la propre gestion d'événements du constructeur, qui se superpose à une charge utile JavaScript assemblée pour prendre en charge toutes les fonctionnalités offertes par le constructeur plutôt que les quatre utilisées par le site.
Le seuil de la première interaction
Le modèle spécifique à reconnaître est que le premier appui est habituellement le plus lent. Une grande partie du code tiers est configurée pour s'initialiser de manière paresseuse - au premier défilement, au premier clic, au premier contact - car cela donne de bons scores sur les métriques de chargement. Le widget de clavardage, l'enregistreur de carte thermique, le groupe d'analyse et le validateur de formulaire se mettent tous en file d'attente derrière le même signal, puis se réveillent tous en même temps lorsque le visiteur fait la première chose qu'il était venu faire.
Pour la personne qui appuie, le bouton est cassé. Elle appuie à nouveau. Maintenant, il y a deux événements en file d'attente derrière un fil d'exécution principal occupé, et le second appui aggrave fréquemment la situation. C'est pourquoi l'échec est si souvent décrit comme « ça ne fonctionne pas toujours » plutôt que « c'est lent » - une non-réactivité intermittente est ce que l'on ressent d'un fil d'exécution principal bloqué.
La liste des correctifs, par ordre d'impact
Différez le widget de clavardage jusqu'au premier défilement ou cinq secondes, selon ce qui arrive en premier. Sur la plupart des sites d'entrepreneurs, cela seul déplace l'INP plus que tout le reste combiné, car le clavardage est généralement le tiers le plus lourd présent et ce n'est presque jamais la raison pour laquelle quelqu'un a visité le site.
Remplacez l'extension de formulaire par un formulaire natif s'affichant sur une fonction de serveur. Un formulaire d'extension charge une bibliothèque de validation, une couche de style et souvent un crochet d'analyse pour faire ce que le navigateur fait nativement ; la version native est plus rapide, se dégrade gracieusement avec JavaScript désactivé, et supprime une dépendance entière du chemin.
Puis supprimez les analyses en double. L'exécution de deux gestionnaires de balises est beaucoup plus courante que les gens ne le pensent - l'un installé par une ancienne agence, l'autre par l'actuelle, aucun des deux n'étant au courant de l'autre - et cela double le coût de chaque événement sur la page.
Où consulter vos propres chiffres
Le rapport Core Web Vitals de la Search Console est celui qui compte, car il rapporte des données de terrain provenant de vrais visiteurs sur de vrais appareils. Un outil de laboratoire fonctionnant sur une connexion rapide avec un processeur d'ordinateur de bureau vous dira que la page est bonne alors que vos vrais visiteurs sur un Android de trois ans dans un sous-sol sont ceux qui produisent le score.
La distinction est la plus importante pour cette métrique précise. Les outils de laboratoire simulent une seule interaction dans des conditions contrôlées ; l'INP concerne la pire interaction qu'une personne réelle a eue après que tout le code tiers ait fini de se charger, ce qui est un état qu'un test synthétique atteint rarement.
Quelle est la valeur réelle du correctif
L'honnêteté est que l'INP est un petit facteur de classement et un grand facteur de conversion. Personne n'est jamais passé de la onzième à la troisième position en le corrigeant. Ce qui change, c'est la proportion de personnes qui appuient sur le bouton d'appel et réussissent à établir un appel téléphonique plutôt que de se retrouver sur une page bloquée - et sur un site où deux interactions génèrent tous les revenus, quelques pour cent d'appuis récupérés valent considérablement plus que le mouvement de classement n'aurait valu.
C'est aussi l'argument pour le faire même si vous êtes bien classé. La métrique est un proxy ; ce qui est mesuré, c'est si vos clients peuvent utiliser les boutons.
La partie qui n'est pas une métrique de score du tout
Retirez les scores et il y a toujours une raison de s’en soucier. Une page qui répond tardivement à un toucher semble brisée pour la personne qui l’utilise, et les gens ne diagnostiquent pas cela, ils partent simplement et essaient quelqu’un d’autre.
Cette réaction est la plus forte sur le type de trafic que vous désirez le plus. Quelqu’un qui recherche sur son cellulaire pour un problème dans sa maison n’a aucune patience à consacrer à un menu qui prend une demi-seconde à ouvrir. Ils ne comparent pas votre site à un standard de référence, ils le comparent au résultat suivant, et le résultat suivant s'ouvre instantanément.
Nous traitons donc la réactivité comme un élément de conversion qui s’avère également être un élément de classement. Cet ordre est important, car il change ce que vous corrigez en premier : les cibles de toucher sur les pages où les gens atterrissent réellement, plutôt que le pire score d’un rapport sur des pages que personne ne visite.
Vérifiez-le sur votre propre site
Ouvrez Search Console, pas un outil de laboratoire
Core Web Vitals, mobile, et regardez l’INP spécifiquement. Il s’agit de données de terrain provenant de visites réelles, qui est la seule source qui reflète ce que vos clients sur des cellulaires plus anciens ont réellement vécu. Un score de laboratoire de quatre-vingt-dix-huit et un INP de terrain échouant est une combinaison normale.
Touchez votre propre bouton d’appel sur un vrai cellulaire, à froid
Pas sur un ordinateur de bureau, pas avec la page déjà mise en cache. Ouvrez-la à neuf sur un cellulaire via les données mobiles et touchez le bouton dès que la page apparaît. C’est l’interaction que fait votre visiteur, et c’est celle qu’aucun test synthétique ne reproduit.
Comptez vos scripts tiers
Affichez la source ou vérifiez l’onglet réseau et listez chaque domaine externe chargé. Clavardage, cartes thermiques, gestionnaires de balises, widgets d’avis, services de polices, intégrations de prise de rendez-vous. La plupart des sites d’entrepreneurs en transportent entre six et douze, et peuvent généralement en justifier trois.
Recherchez spécifiquement deux gestionnaires de balises
Recherchez dans le code source de la page gtm.js et tout deuxième chargeur d’analyse. Un conteneur résiduel d’une agence précédente est le poids mort le plus courant que nous trouvons, et le supprimer ne coûte rien parce que personne ne lit ses données.
Différez le tiers le plus lourd et remesurez dans un mois
Les données de terrain ont un décalage, donc le rapport ne bougera pas immédiatement. Faites le changement unique, attendez vingt-huit jours pour que la fenêtre glissante se rafraîchisse, et comparez - changer trois choses à la fois signifie ne rien apprendre sur celle qui a compté.