Core Web Vitals: comment se préparer ?

  • 84
  • 0
  • 29 Avr 2021

Le saviez-vous ?

 

En mai 2021 Google modifie l’algorithme de son moteur de recherche pour prendre en compte la vitesse d’affichage, la réactivité et la stabilité visuelle des sites.

 

Ces indicateurs de performance technique sont désormais pris en compte par l’algorithme comme des indicateurs d’une bonne expérience utilisateur.

 

Cette annonce a provoqué une hausse de +70% du nombre d’utilisateurs des outils de mesures Google Lighthouse et PageSpeed Insights. Ne restez pas inactif face à la concurrence ! Des actions peuvent être engagées pour faire de cette évolution une opportunité.

 

Les nouveaux indicateurs pris en compte

 

Largest Contentful Paint (LCP)

 

Cet indicateur mesure la durée nécessaire pour charger la page jusqu’à l’affichage du plus gros bloc visible à l’écran. Il doit être le plus faible possible, idéalement inférieur à 2,5 secondes.

 

Core web indicators

Sur cette page c’est seulement à la dernière étape que le plus gros bloc visible à l’écran est chargé (source : https://web.dev/lcp/)

 

 

First Input Delay (FID)

 

Le FID mesure le délai nécessaire pour réagir suite à une action de l’utilisateur comme le clic sur un bouton ou un lien. L’exécution de code javascript volumineux ou lent peut bloquer la page et dégrader cet indicateur.

First input delay

Ce site ne répond pas instantanément car l’exécution de code javascript bloque la page

 

 

Cumulative Layout Shift (CLS)

 

Le CLS mesure la stabilité d’affichage du site au fur et à mesure du chargement de la page. Dans l’idéal, chaque élément qui n’est pas encore chargé (une image par exemple) doit déjà avoir un espace réservé dès le premier affichage de la page. Si ce n’est pas le cas alors l’apparition de l’élément va décaler les autres éléments sur la page et dégrader le CLS.

 

Cumulative Layout Shift (CLS)

Une page instable pendant son chargement (source : https://web.dev/cls/)

 

Comment faire de ce changement une opportunité ?

Dans un premier temps nous pouvons réaliser un audit technique de votre site ; cet audit aura pour but de mesurer les performances de votre site et d’identifier les optimisations techniques à réaliser.

 

En fonction des caractéristiques de votre plateforme nous pourrons être amenés à vous proposer des optimisations techniques comme:

 

  • Optimiser le chargement du code javascript / css
  • Optimiser les images et la façon dont elles sont chargées sur la page
  • Modifier la façon dont le menu du site est chargé
  • S’appuyer davantage sur le cache navigateur
  • Précharger certains éléments critiques

 

Contactez-nous, nos équipes techniques peuvent vous aider à faire de ce changement d’algorithme une opportunité pour booster le référencement de votre site !

 

 

Articles de référence


https://developers.google.com/search/blog/2020/11/timing-for-page-experience?hl=en
https://developers.google.com/search/blog/2020/05/evaluating-page-experience?hl=en
https://web.dev/lcp/
https://web.dev/fid/
https://web.dev/cls/
https://web.dev/vitals-tools/
 

Commentaires sur "Core Web Vitals: comment se préparer ?"

Laisser un commentaire

* Champs obligatoires

Les commentaires sont soumis à validation.

La collecte des informations demandées est nécessaire au traitement de votre demande par SMILE, responsable de traitement. Ces informations collectées pourront être utilisées à des fins de prospection. Vous disposez d’un droit d’accès, de rectification, d’opposition et de suppression des données qui vous concernent. Pour les exercer, contactez-nous simplement par email à l’adresse suivante marketing@smile.fr ou par voie postale à l'attention de SMILE - 20 rue des Jardins 92600 Asnières sur Seine. Nous vous invitons à prendre connaissance de notre politique de protection des données.

Formations open source

Durée : 2 jours
Lieu : Paris