100 points à savoir sur…
Développement Web éco-conçu

Google a commencé à mettre en œuvre de nouveaux critères permettant à un site Web d'améliorer son classement dans les moteurs de recherche : la mesure de qualité d'expérience utilisateur Google. Ces critères prouvent que Google associe une meilleure expérience utilisateur à des pratiques de référencement plus durables. Le lien entre les deux est simple : une stratégie de référencement conviviale donne la priorité à des sites Web plus rapides et à des taux de rebond plus faibles (ce qui signifie que les utilisateurs sont moins susceptibles de chercher un autre site Web pour accomplir leur tâche). Du point de vue de la durabilité, ces pratiques permettent de conserver davantage d'énergie.

Les nouveaux critères se composent de trois éléments. Tout au long de ce module, nous avons déjà abordé deux éléments : les sites Web adaptés au mobile (notion 10 dans son ensemble) et la suppression des interstitiels (notion 12, grain 73). Maintenant, nous allons nous plonger dans le dernier.

Les indicateurs Web initiaux de Google

Cet élément analyse le temps que met un site web à se charger et à se stabiliser visuellement pour les utilisateurs. Il se compose de trois mesures de performance :

• Largest Contentful Paint (LCP). Cette métrique indique aux utilisateurs si une page est pertinente et stable en mesurant le temps de chargement de son contenu le plus important. Un LCP qui est inférieur à 2,5 secondes est considéré comme rapide.
• Délai de première entrée (DPI)*. Ce paramètre mesure le temps entre la première interaction de l'utilisateur avec une page et le moment où le navigateur traite et répond à cette interaction. Une page réactive a un délai de première entrée inférieur à 100 millisecondes.
• Cumulative Layout Shift (CLS). Ce paramètre mesure le nombre de changements de disposition inattendus sur une page, qui se produisent lorsqu'un élément visuel change de position (par exemple, en montant ou en descendant). Un CLS inférieur à 0,1 est un bon score.

Vous trouverez ci-dessous un diagramme des trois mesures de Core Web Vitals.

*Pour réussir le test Core Web Vitals de Google, une page Web doit atteindre l'objectif "Bon" pour les trois mesures de performance, au 75e percentile.

Examinons quelques moyens de vous assurer que votre site Web atteingne bien les seuils des Core Web Vitals et comment ils peuvent contribuer à la durabilité de votre site Web.

Pour un meilleur LCP :

• Évitez les images/vidéos de taille/poids large/lourd (comme les bannières de grande taille).
• Faites en sorte que le texte soit le seul contenu affiché "au-dessus du pli" de votre page.
• Optimisez le code en le réduisant au minimum

Pour un meilleur CLS :
Le score CLS d'une page est meilleur lorsque son contenu est moins dispersé pendant la navigation de l'utilisateur. Pour conserver un score CLS faible :

• Réduisez le temps de chargement des polices en utilisant les polices intégrées au système.
• Compresser, optimiser et redimensionner les images

Pour un meilleur FID :
Pour rester dans le seuil de 100 millisecondes lors des interactions, vous devez :

• Utiliser du HTML simple pour les pages peu fréquentes plutôt que du JavaScript.
• Supprimer/réduire le JavaScript tiers
• Décomposer JavaScript en fichiers plus petits

*Attention ! L'utilisation minimale de JavaScript sur votre site Web présente un avantage supplémentaire pour les utilisateurs en termes de durabilité. Le chargement de JavaScript peut être une tâche énergivore, donc son utilisation minimale prolonge la durée de vie de la batterie des appareils, ce qui signifie que les utilisateurs n'ont pas besoin de les recharger aussi souvent.