Home Articles techniques Comment mesurer les paramètres vitaux Web essentiels de My site
Applications

Comment mesurer les paramètres vitaux Web essentiels de My site

About The Author

Outline

Source originale : Layer0

En avril 2021, Google a commencé à déployer la mise à jour de l’expérience de la page qui inclut un changement d’algorithme de classement favorisant les pages Web les plus performantes dans les résultats de recherche. Les performances sont basées sur les Core Web Vitals d’un site Web, une métrique de page Web qui a un impact considérable sur l’expérience utilisateur.

Lisez la suite pour comprendre rapidement si votre site réussit ou échoue Core Web Vitals.

Qu’est-ce que Core Web Vitals

Dans le cadre des efforts de Google pour créer un Web plus rapide pour tous, l’équipe Chrome a travaillé à normaliser un ensemble de métriques pour mesurer la façon dont les utilisateurs perçoivent les performances d’une page. Core Web Vitals est devenu une pièce majeure dans la résolution de ce puzzle de performance ; ces mesures se concentrent sur le chargement, l’interactivité et la stabilité visuelle.

Les mesures suivantes constituent les paramètres vitaux Web principaux :

  • LCP (plus grande peinture de contenu) : mesure le moment où l’élément de contenu le plus grand est entièrement visible à l’écran. Les LCP de 2,5 secondes ou moins sont considérés comme de bonnes expériences de chargement.
  • First Input Delay (FID) : mesure le temps entre le moment où un utilisateur interagit pour la première fois avec une page (clic ou tapotements) et le moment où le navigateur est réellement en mesure de répondre à cette interaction. Les FID de 100 millisecondes ou moins sont considérés comme de bonnes expériences interactives.
  • Décalage de mise en page cumulatif (CLS) : mesure la fréquence à laquelle les utilisateurs subissent des changements de mise en page inattendus. CLSs’ de .1 ou moins est considérée comme une expérience très visuellement stable.

Pour réussir Core Web Vitals, chacune des mesures ci-dessus doit atteindre l’objectif recommandé pour 75% de tous les utilisateurs qui visitent votre page, segmenté sur les appareils mobiles et de bureau.

Comment mesurer les paramètres vitaux Web principaux

Lorsqu’un site passe les Core Web Vitals, les utilisateurs sont 24% moins susceptibles d’abandonner des pages. Cela étant dit, tout propriétaire de site Web peut et doit mesurer ces métriques. La façon la plus simple de vérifier si votre site réussit ses Core Web Vitals est de passer par PageSpeed Insights.

1. Allez à https://developers.google.com/speed/pagespeed/insights

2. Tapez l’URL de votre site Web dans la zone de recherche, appuyez sur analyser et attendez 5-10 secondes

Analyseur PageSpeed Insights

3. Faites défiler vers le bas jusqu’à données de champ. Immédiatement, vous verrez si votre site réussit ou non l’évaluation Core Web Vitals dans le texte au-dessus des graphiques à barres.

Données de champ

4. Pour évaluer les paramètres Core Web Vitals, prêter attention aux mesures LCP, FID et CLS, toujours sous les données de terrain. Le symbole bleu marque-page les marque également.

Peinture de contention maximale (LCP), délai de première entrée (FID), décalage de disposition cumulatif (CLS)

5. Vérifiez vos scores moyens. Les LCP de 2,5 secondes ou moins, les FID de 100 millisecondes ou moins et les CLS de .1 ou moins sont considérés comme de bonnes expériences utilisateur.

Données métriques moyennes

6. Pour déterminer si vous passez une seule mesure Core Web Vital, vérifiez le pourcentage dans la barre verte. Si c’est 75% ou plus, vous réussissez. Cela signifie que votre page Web offre une bonne expérience utilisateur pour cette mesure particulière au moins 75% du temps où quelqu’un la visite.

Seuil essentiel du Web principal – 75e percentile

Ignorer les données de labo

La page PageSpeed Insights contient des données de laboratoire et de terrain. Les données de champ proviennent d’utilisateurs réels qui chargent et interagissent avec votre page. Les données de laboratoire sont mesurées avec un test contrôlé dans des conditions idéales et ne capturent pas les goulots d’étranglement réels (par exemple, l’appareil, les conditions du réseau, les paramètres, etc.).

Google n’ utilise pas les données de laboratoire ou le score de performance Lighthouse pour classer votre site. Le classement est basé uniquement sur les données de champ affichées dans l’image ci-dessous.

Le classement est basé sur les données de champ

Comment améliorer vos Core Web Vitals

Vous ne passez probablement pas Core Web Vitals pour plusieurs raisons. PageSpeed Insights propose des audits pour LCP et CLS. Bien que le FID ne soit pas inclus, l’optimisation qui améliore le temps de blocage total (TBT) devrait également améliorer le FID sur le terrain.

Pour consulter votre audit, procédez comme suit :

Faites défiler jusqu’à la section opportunités de la page et consultez audits pour obtenir des mesures spécifiques.

Opportunités PageSpeed Insights

2. Cliquez sur la métrique que vous souhaitez améliorer et vous accéderez à des techniques plus approfondies pour améliorer les temps de chargement, l’interactivité ou la stabilité visuelle de votre page Web.

Audits PageSpeed Insights

En général, il y a quelques raisons courantes pour lesquelles un Core Web Vital échoue.

La plus grande peinture Contentful est facilement affectée par les facteurs suivants:

  1. Temps de réponse du serveur lents
  2. JavaScript et CSS bloquant le rendu
  3. Temps de chargement des ressources longs
  4. Problèmes de rendu côté client

Le premier délai d’entrée est affecté par :

  1. Tâches longues qui bloquent le thread principal pendant 50 millisecondes ou plus
  2. L’exécution du script de première partie retardant la préparation à l’interaction
  3. Temps d’exécution JavaScript élevé

L’instabilité visuelle, ou décalage de mise en page cumulatif, est un problème lorsque :

  1. Une image, une vidéo ou une annonce se redimensionne d’elle-même
  2. La police se charge tardivement et s’affiche plus ou moins grande que prévu

Pour des solutions sur la façon de résoudre chacun de ces problèmes, consultez ce blog Core Web Vitals Optimization.

Préparez votre site pour une bonne expérience utilisateur

D’ici août, Google modifiera complètement le classement de mise à jour de l’expérience de la page. Si votre site passe Core Web Vitals, vous verrez un SEO plus élevé et des taux de rebond plus bas. Plus important encore, vous offrirez une expérience exceptionnelle qui satisfera suffisamment vos utilisateurs pour rester et revenir.

Layer0 a créé un outil gratuit pour suivre, mesurer et optimiser vos Core Web Vitals. Votre site n’a pas besoin d’être hébergé sur Layer0 pour profiter de ces analyses. Il est à vous avec juste une balise de script.

Guide to Iceland, le plus grand site web de voyage d’Islande, a échoué aux trois métriques avant d’arriver sur la plateforme Layer0. La vitesse de son site s’est améliorée de 55% et passe Core Web Vitals avec des couleurs vives.

Si vous avez des questions sur la mise à jour de l’expérience de page ou sur la façon d’accélérer votre site, contactez un expert en vitesse de site dès aujourd’hui. Si vous êtes prêt à essayer la plateforme, inscrivez-vous ici!