Que faire en premier si vos Core Web Vitals doivent être améliorés ?

Publié: 2021-03-09

À partir de mai 2021, lors de la mise à jour de Page Experience, Google ajoutera trois nouveaux signaux à l'algorithme utilisé pour évaluer la qualité de l'expérience utilisateur : les Core Web Vitals.
Depuis cette annonce, les esprits et les claviers s'échauffent pour décrypter ces indicateurs, pour comprendre comment répondre aux attentes du moteur de recherche, et pour tenter de savoir s'il y aura un impact sur le classement dans les résultats de recherche.

De la même manière que les utilisateurs doivent passer en premier pour le contenu et le référencement… Et si vous amélioriez d'abord les performances de votre site Web pour vos utilisateurs ? Examinons les indicateurs que Google prendra en compte, et ce que votre UX et vos taux de conversion doivent gagner.

Rapidité : Principaux critères UX pour les utilisateurs, et un signal pour Google

Dans son rapport Speed ​​Matters, Google révèle que si une page ne se charge pas au bout de 3 secondes, 53% des visiteurs la quittent. Dans une autre étude, le moteur de recherche indique que rien qu'en économisant 0,1 seconde de temps de chargement, les conversions peuvent augmenter de 8% . Au total, les enjeux de vitesse vont bien au-delà du confort de navigation : c'est aussi du business.

Pyramide UX : critères classés par importance pour les utilisateurs

Le temps de chargement peut être observé sous différents angles : vitesse d'affichage, interactivité, temps de réponse du serveur… Pour mesurer la qualité UX, Google a choisi trois métriques appelées « webperf » (pour web performance) :

  • La plus grande peinture de contenu (LCP). Il indique le moment où l'élément le plus important en termes de taille apparaît sur la page. Google recommande un LCP inférieur à 2,5 secondes.
  • Le premier délai d'entrée (FID). Il évalue l'interactivité. Google recommande un FID inférieur à 100 millisecondes.
  • Le décalage de mise en page cumulé (CLS). Il mesure la stabilité visuelle des éléments sous forme de partition. Google recommande un CLS inférieur à 0,1.

Ces signaux s'ajoutent aux autres indicateurs UX déjà pris en compte dans l'algorithme de Google :

  • Mobile Friendly : les pages optimisées pour les mobiles sont préférées, et depuis l'indexation Mobile First, Googlebot explore d'abord les versions mobiles des pages.
  • Safe Browsing : un site web ne doit contenir aucun contenu malveillant ou trompeur.
  • HTTPS : un site web doit proposer une connexion sécurisée.
  • Pas de publicités ni d'interstitiels intrusifs : les internautes doivent pouvoir accéder au contenu pour lequel ils sont venus sans être interrompus par des pop-ups, fenêtres ou interstitiels intrusifs qui dégradent leur expérience.

Comment mesurer les Core Web Vitals

Tout d'abord, pour mesurer les Core Web Vitals et vérifier si vos pages respectent les seuils recommandés par Google, voici quelques outils gratuits :

  • Search Console, dont l'onglet Core Web Vitals permet d'analyser la vitesse par groupes de pages similaires créées par Google,
  • Lighthouse, pour observer LCP, CLS, ainsi que Total Blocking Time, qui est un équivalent de FID,
  • PageSpeed ​​Insights, pour mesurer les performances en observant les données collectées auprès des utilisateurs réels, et en se basant sur les données collectées par la navigation simulée,
  • l'extension Chrome Web Vitals, pour observer les Core Web Vitals en temps réel sur une page web,
  • Chrome User Experience Report, qui offre la possibilité de créer un tableau de suivi personnalisé basé sur les données collectées auprès d'utilisateurs réels,
  • WebPageTest, outil de référence dans la communauté webperf, pour tester la vitesse d'une page en définissant différentes conditions de navigation.

Cependant, pour que Google considère votre site rapidement, les trois mesures comptent, comme l'a souligné John Mueller, Search Advocate chez Google. N'espérez pas pouvoir booster l'un des trois Core Web Vitals et laisser les autres de côté. L'expérience utilisateur doit être satisfaisante des trois points de vue : affichage, interactivité et stabilité.

Aussi, si vous envisagez de restreindre l'accès à votre site aux seules connexions rapides et équipements pour optimiser vos scores… Sachez que ce n'est pas non plus une bonne idée.

Alors, comment commencer ? Voici quelques trucs à faire si, après les avoir mesurés, vous vous rendez compte que vos Core Web Vitals doivent être améliorés.

[Étude de cas] Gérer le bot crawling de Google

Avec plus de 26 000 références produits, 1001Pneus avait besoin d'un outil fiable pour suivre ses performances SEO et s'assurer que Google consacrait son budget de crawl aux bonnes catégories et pages. Apprenez à gérer avec succès le budget de crawl des sites e-commerce avec OnCrawl.
Lire l'étude de cas

Actions prioritaires pour améliorer les Core Web Vitals

Optimiser la plus grande peinture de contenu

Si votre Largest Contentful Paint dépasse les 2,5 secondes recommandées par Google :

  • Optimisez le temps de réponse de votre serveur,
  • Prioriser ou éliminer JavaScript et CSS qui bloquent le rendu de la page,
  • Réduisez la taille de vos ressources (images, animations, polices…),
  • Surveillez la taille des bundles JS si vous faites du rendu côté client et misez autant que possible sur le rendu côté serveur.

Optimiser le premier délai d'entrée

Si votre FID dépasse les 100 millisecondes préconisées par Google, le premier réflexe à avoir est de réduire la taille des fichiers JavaScript, et de les prioriser pour une meilleure interactivité. Cela est important car tant que le navigateur est occupé à analyser et à exécuter JS, il ne peut pas répondre aux interactions. Pour améliorer l'interactivité sur vos pages :

  • Divisez les tâches longues (tout morceau de code qui occupe le navigateur pendant plus de 50 ms) et divisez-les en tâches asynchrones plus petites,
  • Minimisez votre JavaScript ;
  • Différer les scripts tiers non indispensables à l'affichage et au fonctionnement de la page,
  • Utilisez un Web Worker pour exécuter JavaScript sur un thread séparé en arrière-plan,
  • Réduisez les polyfills inutilisés.

Optimiser le changement de mise en page cumulé

Si votre Cumulative Layout Shift dépasse le score de 0,1 recommandé par Google :

  • Définissez une taille pour tous vos médias et publicités (images, vidéos, iframes…) afin qu'un espace statique leur soit réservé sur la page avant leur affichage,
  • Évitez d'ajouter du contenu dynamiquement au-dessus des éléments déjà affichés sur la page (ils peuvent décaler le contenu vers le bas),
  • Evitez les animations qui provoquent un changement de mise en page sur la page,
  • Évitez les polices qui provoquent FOIT / FOUT.

Ces astuces traitent des problèmes les plus courants rencontrés, mais comme c'est très souvent le cas en performance web, les causes des ralentissements peuvent être multiples ou peuvent être des effets secondaires inattendus d'autres implémentations.
Pour vous aider à diagnostiquer avec précision les causes des mauvais scores Core Web Vital et à les résoudre, faites appel à des experts !
Ils seront en mesure d'auditer avec précision les aspects techniques de votre site Web et de proposer des solutions qui fonctionnent intelligemment les unes avec les autres.
Êtes-vous prêt pour une UX sans faille et des conversions qui décollent ?