Source originale : Layer0
En avril 2021, Google a commencé à déployer la page Experience Update 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 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 savoir 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 mesures pour mesurer la façon dont les utilisateurs ressentent 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 indicateurs suivants constituent les principaux paramètres vitaux Web :
- LCP (Greatest Contentful Paint) : mesure lorsque 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.
- Délai de première entrée (FID) : mesure le temps entre le moment où un utilisateur interagit pour la première fois avec une page (clic ou tapotement) et le moment où le navigateur est réellement en mesure de répondre à cette interaction. Un FIDS de 100 millisecondes ou moins est considéré comme de bonnes expériences interactives.
- Décalage de mise en page cumulatif (CLS) : mesure la fréquence à laquelle les utilisateurs subissent des décalages de mise en page inattendus. CLS’ de .1 ou moins est considéré comme une expérience très stable visuellement.
Pour réussir Core Web Vitals, chacune des mesures ci-dessus doit atteindre la cible recommandée pour 75% de tous les utilisateurs qui visitent votre page, segmentée sur les appareils mobiles et de bureau.
Comment mesurer les paramètres vitaux du Web principal
Lorsqu’un site réussit 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. Le moyen le plus simple de vérifier si votre site passe ses fonctions vitales Web principales est de passer par PageSpeed Insights.
1. Rendez-vous sur 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 vitaux du Web, prêter attention aux mesures LCP, FID et CLS, toujours sous les données de terrain. Le symbole de signet bleu les marque également.
Plus grande peinture Contentful Paint (LCP), premier délai d’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 un 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 réussissez 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 métrique particulière au moins 75% du temps que quelqu’un la visite.
Seuil essentiel du Web – 75e percentile
Ignorer les données de laboratoire
La page PageSpeed Insights contient des données de laboratoire et de champ. Les données de champ proviennent de vrais utilisateurs qui chargent et interagissent avec votre page. Les données de laboratoire sont mesurées à l’aide d’un test contrôlé dans des conditions idéales et ne capturent pas les goulets d’étranglement réels (périphériques, conditions du réseau, 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 illustrées dans l’image ci-dessous.
Le classement est basé sur les données de champ
Comment améliorer vos données vitales Web de base
Vous ne réussissez 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, suivez les étapes ci-dessous :
Faites défiler jusqu’à la section opportunités de la page et consultez les audits pour obtenir des indicateurs spécifiques.
Opportunités PageSpeed Insights
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 sur 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 :
- Temps de réponse du serveur lents
- JavaScript et CSS bloquant le rendu
- Temps de chargement des ressources longs
- Problèmes de rendu côté client
Le délai de la première entrée est affecté par :
- Tâches longues qui bloquent le thread principal pendant 50 millisecondes ou plus
- Exécution d’un script de première partie retardant la préparation à l’interaction
- Temps d’exécution JavaScript lourd
L’instabilité visuelle, ou décalage de mise en page cumulatif, est un problème lorsque :
- Une image, une vidéo ou une publicité se redimensionne elle-même
- 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 réussit 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 construit 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 le vôtre avec juste une balise de script .
Guide to Iceland, le plus grand site web de voyage d’Islande, a échoué aux trois indicateurs 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 volantes.
Si vous avez des questions sur la mise à jour page Experience 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!
