Résumé de 30 secondes :

  • Une bonne vitesse de page et une bonne expérience utilisateur aideront votre site Web à se démarquer dans les résultats de recherche
  • La métrique Next Paint Interaction remplace le premier délai d’entrée
  • Vous pouvez rendre votre site Web plus réactif aux entrées des utilisateurs en réduisant les temps de traitement du processeur.

Les Core Web Vitals sont une série de mesures que Google a définies pour mesurer la qualité de l’expérience utilisateur d’un site Web. Ils sont devenus un signal de classement pour la première fois en 2021.

Alors que les définitions des métriques ont été optimisés au fil du tempsL’introduction de la métrique Interaction to Next Paint est le changement le plus important depuis le lancement de l’initiative Core Web Vitals.

Qu’est-ce que l’interaction avec Next Paint (INP) ?

Interaction avec la couleur suivante est une mesure qui évalue la rapidité avec laquelle votre site Web répond aux interactions des utilisateurs. Il mesure le temps écoulé entre les entrées de l’utilisateur, par ex. B. un clic sur un bouton, et le prochain rafraîchissement du contenu de la page (la « prochaine fois »).

Pour un meilleur classement sur Google, ce délai d’interaction doit être inférieur à 200 millisecondes. Cela garantit que le site Web répond aux utilisateurs.

Comment les Core Web Vitals évoluent-ils ?

Google a annoncé son interaction avec Next Paint devient l’un des trois Core Web Vitals Métriques en mars 2024. À ce stade, un site qui répond trop lentement aux entrées des utilisateurs pourrait avoir de moins bons résultats dans les résultats de recherche.

L’INP remplace l’électricité Retard de première entrée (FID). Si le FID mesure également la réactivité, il est plus limité car il ne prend en compte que la première interaction utilisateur. En outre, il mesure uniquement le délai jusqu’au début du traitement de l’événement d’entrée, plutôt que d’attendre que l’utilisateur puisse voir le résultat.

Actuellement seulement 64,9% des sites Web mobiles fonctionnent bien sur la métrique Next Paint Interaction et il sera plus difficile d’obtenir un bon score INP qu’un bon score First Input Delay.

Comment puis-je mesurer la métrique d’engagement Next Paint sur mon site Web ?

Exécutez un Test de vitesse du site Web pour voir à quelle vitesse votre site Web se charge et à quelle vitesse il répond aux entrées des utilisateurs.

Une fois votre test terminé, ouvrez l’onglet Web Vitals. Vous pouvez voir la métrique Next Color Interaction au bas de la page.

Dans ce cas, seuls 38 % des utilisateurs ont une bonne expérience INP.

Comment puis-je optimiser l’interaction avec Next Paint ?

Le décalage d’interaction se produit lorsque le navigateur doit effectuer beaucoup de traitement CPU avant de pouvoir actualiser la page. Cela peut arriver pour deux raisons :

  • L’exécution de tâches en arrière-plan empêche le traitement des entrées de l’utilisateur
  • Le traitement des entrées utilisateur lui-même prend beaucoup de temps

Les tâches en arrière-plan s’exécutent souvent lors du premier chargement de la page, mais peuvent également se produire plus tard. Ils sont souvent provoqués par du code tiers intégré au site Internet.

Répondre à une interaction utilisateur peut nécessiter beaucoup de traitement. Si cela ne peut pas être optimisé, envisagez d’afficher une icône pour fournir un retour visuel jusqu’à ce que la tâche de traitement soit terminée.

L’exécution de code JavaScript est le type de traitement le plus courant, mais même les mises à jour visuelles complexes peuvent prendre beaucoup de temps.

Utilisez Chrome DevTools pour analyser les performances

Les outils de développement Chrome Profileur de performances montre quelles tâches prennent beaucoup de temps et doivent être optimisées. Démarrez un enregistrement, cliquez sur un élément de la page, puis cliquez sur les barres les plus longues de la visualisation.

Cela vous permet de voir si le code provient d’un tiers ou de votre propre site Internet. Vous pouvez également approfondir pour voir comment la tâche peut être accélérée.

Vérifiez la métrique Total Block Time pour identifier les tâches en arrière-plan

Le Temps de blocage total La métrique suit la fréquence à laquelle des tâches CPU en arrière-plan pourraient bloquer l’exécution d’autres codes. Si l’utilisateur interagit avec la page alors qu’une tâche est déjà en cours d’exécution, le navigateur termine d’abord cette tâche avant de traiter l’événement d’entrée.

Vous pouvez utiliser des outils comme Phare de Google pour voir comment cette métrique peut être optimisée.

Si les tâches gourmandes en traitement sur votre site Web font partie du code principal de votre site Web, vous devez travailler avec votre équipe de développement pour les optimiser. Pour les tiers, vous pouvez vérifier si le script est toujours nécessaire ou contacter le support client du fournisseur pour voir s’il est possible d’optimiser le code.

Surveillez l’interaction avec la couleur suivante

Vous souhaitez suivre vos performances sur INP et d’autres Core Web Vitals ? DebugBear peut Gardez un œil sur la vitesse de votre site Web et vous aider à l’optimiser.

Commencez dès aujourd’hui un essai gratuit de 14 jours et profitez d’une meilleure expérience utilisateur.

Diplôme

La métrique Next Paint Interaction représente le changement le plus important apporté aux Core Web Vitals de Google depuis son annonce initiale. INP corrige les lacunes de la précédente métrique First Input Delay et fournit une meilleure représentation de la façon dont les utilisateurs perçoivent un site Web.

Vérifiez les performances de votre site dans la métrique Next Paint Engagement avant le changement de classement en 2024. Cela vous laisse suffisamment de temps pour identifier les optimisations et rendre votre site Web plus rapide.

Essayez DebugBear avec un essai gratuit de 14 jours.