Les Core Web Vitals sont un ensemble standard de métriques définies par Google pour mesurer l’expérience liée à l’utilisation des pages web.
Les moniteurs de navigateur et les moniteurs de transactions mesurent et recueillent les métriques Core Web Vitals. La disponibilité de ces données vous permet de les utiliser pour définir les seuils dont le dépassement constitue une erreur. Les conditions liées aux Core Web Vitals font donc partie des conditions d’erreur.
Chaque type de moniteur s’accompagne de conditions d’erreur différentes. Consultez le tableau intitulé Quelles conditions d’erreur sont disponibles ? pour connaître les options associées à chaque type de moniteur.
Les conditions d’erreur liées aux Core Web Vitals sont décrites ci-dessous.
Définition d’une condition d’erreur pour les Core Web Vitals
Pour définir une condition d’erreur :
-
Ouvrez le menu .
-
Cliquez sur le nom du moniteur pour le modifier.
-
Ouvrez l’onglet Conditions d’erreur.
-
Affichez la section Vérifier les Core Web Vitals en cliquant sur la flèche qui la précède.
Vous pouvez désormais choisir de ne pas vérifier les Core Web Vitals, d’utiliser les valeurs de seuil recommandées (par défaut) ou de définir vos propres valeurs de seuil. Ces différents choix sont détaillés ci-dessous.
-
Une fois que vous avez défini les seuils, cliquez sur le bouton .
Utiliser les valeurs de seuil par défaut (paramètre recommandé)
Pour Google, la performance de votre site web peut être bonne, à améliorer ou médiocre. Avec Uptrends, vous pouvez définir une erreur dès lors que le statut “à améliorer” est atteint. Uptrends utilise les valeurs de référence définies par Google, à savoir actuellement :
First Contentful Paint : 1,8 seconde
Largest Contentful Paint : 2,5 secondes
Time to Interactive : 3,8 secondes
Cumulative Layout Shift : 0,1
Total Blocking Time : 0,2 seconde (200 ms)
Si vous choisissez l’option Utiliser les valeurs de seuil par défaut, une erreur est déclenchée dès qu’au moins une valeur de référence est dépassée.
Spécifier des valeurs de seuil personnalisées
Si les valeurs de seuil par défaut ne vous conviennent pas, vous pouvez définir vos propres seuils. Pour cela, sélectionnez l’option Spécifier des valeurs de seuil personnalisées. Activez ensuite la condition d’erreur pour certaines métriques en cochant la case correspondante et en saisissant la valeur applicable. La valeur originale est la valeur de seuil par défaut (recommandée) que vous modifiez en saisissant votre propre valeur.
Si vous ne souhaitez pas définir de condition d’erreur pour certaines métriques, il vous suffit de décocher la case au début de la ligne.
Les valeurs de seuil correspondent aux métriques Core Web Vitals décrites ci-dessous.
Temps maximum pour le First Contentful Paint (FPC)
Utilisez cette condition d’erreur pour indiquer le temps d’attente maximum avant que le navigateur commence à afficher des parties de la page visibles pour l’utilisateur. Si l’utilisateur ne reçoit pas de confirmation visuelle du chargement de la page, cela peut nuire à l’expérience d’utilisation de votre site web.
Temps maximum pour le Largest Contentful Paint (LCP)
Utilisez cette condition d’erreur pour indiquer le temps d’attente maximum avant que le navigateur affiche le contenu principal de la page. Si le chargement de la majeure partie du contenu est plus long qu’attendu, l’expérience d’utilisation peut se trouver affaiblie.
Temps maximal pour le Time to interactive (TTI) (option Time to Interactive Maximum)
Utilisez cette condition d’erreur pour indiquer le temps d’attente maximum avant que la page réagisse aux actions de l’utilisateur. Si ce délai est trop long, l’utilisateur doit attendre le chargement de la page, puis que la page réagisse à ses actions.
Score de Cumulative Layout Shift maximum (CLS)
L’indicateur Cumulative Layout Shift (CLS) mesure la stabilité visuelle de la page en contrôlant tout changement inattendu dans l’affichage des éléments pendant le chargement de la page. Utilisez cette condition d’erreur pour vous assurer que l’utilisateur ne subit aucune gêne liée au déplacement de certains éléments de la page, par exemple en raison du chargement tardif ou asynchrone des vidéos.
Maximum Total Blocking Time (TBT)
Utilisez cette condition d’erreur pour indiquer la durée maximum pendant laquelle le chargement de la page peut rester bloqué dans le navigateur pour des raisons telles qu’un problème de connexion, l’exécution d’un script ou l’affichage des éléments. Si un délai trop long contraint l’utilisateur à attendre pour interagir avec la page, cela influe sur l’expérience d’utilisation de votre site web.