Comment Optimisez pour Améliorer la Performance de WordPress ?

Les mesures Core Web Vitals aident les propriétaires de sites Web à évaluer leur site Web et leur expérience Web et à identifier les domaines à améliorer en affichant des scores de référence spécifiques.

Indicateurs clés pour Core Web Vitals

Google indique que les paramètres de Core Web Vitals peuvent changer au fil du temps, en fonction de ce que les utilisateurs considèrent comme une bonne expérience de page. Actuellement, les propriétaires de sites et les développeurs doivent mesurer les trois principaux éléments suivants de la vitalité Web.

Maximum Content Paint (LCP) – Temps de chargement de la page

Maximum Content Paint (LCP) vérifie le temps de rendu du contenu principal de la page au début du chargement de la page. Le contenu principal est généralement la plus grande image ou bloc de texte dans la fenêtre d’affichage, la zone visible de la page Web sur l’appareil de l’utilisateur.

Les données LCP se composent principalement des éléments suivants :

• élément d’image
• texte au niveau du bloc
• image d’affiche vidéo
• Image de fond

Les propriétaires de sites doivent s’assurer que le score Core Web Vitals est inférieur ou égal à 2,5 secondes pour offrir une bonne expérience utilisateur et atteindre une vitesse de site idéale.

Bien que le contenu chargé paresseux soit généralement plus volumineux que les autres éléments de la page, ce n’est pas toujours le cas. Le préchargement du contenu le plus volumineux aide la page à obtenir un meilleur score LCP et améliore l’expérience de la page.

Les facteurs courants d’un faible score LCP sont les temps de réponse lents du serveur, le rendu côté client et les images volumineuses.

Premier délai d’entrée : FID – Interactivité de la page

La métrique First Input Delay (FID) mesure la latence d’entrée, qui est le temps nécessaire à un site pour répondre à l’entrée de l’utilisateur. Cela inclut les frappes au clavier, les clics et les clics sur les boutons, les liens, les fichiers vidéo ou audio de la page.

D’autres interactions telles que le zoom et le défilement ne sont pas incluses car elles ont des contraintes de performances différentes. FID se concentre sur l’aspect réactif dans le modèle de performance RAIL, tandis que le défilement et le zoom sont associés à des éléments animés.

Le score idéal pour ce Core Web Vitals est de 100 ms ou moins.

Il est essentiel de maintenir une bonne interaction avec les utilisateurs, car les retards peuvent frustrer les gens et réduire la qualité de l’expérience utilisateur.

important ! Les utilisateurs peuvent rencontrer des retards variables en fonction de leur matériel et des conditions du réseau. Par exemple, charger un site sur une connexion Wi-Fi rapide sera différent du chargement d’un site sur un réseau 3G.

Cumulative Layout Shift – l’expérience visuelle de la page

L’indicateur Cumulative Layout Shift (CLS) mesure la stabilité visuelle et vérifie les changements de mise en page inattendus.

Un déplacement inattendu se produit lorsque des éléments de page tels que du texte, des boutons et des images sont enfoncés alors que la page est encore en cours de chargement. Cela entraîne souvent de la frustration car l’utilisateur peut cliquer sur autre chose pendant que l’élément se déplace.

Les pages doivent avoir un score CLS de 0,1 ou moins.

Auparavant, Google mesurait cette mesure de santé Web de base en calculant la somme des scores de décalage de mise en page individuels sur l’ensemble de la page.

À partir de 2021, les fenêtres de session sont notées. Il regroupe une ou plusieurs modifications de mise en page individuelles qui se sont produites dans un délai maximum de cinq secondes, avec un intervalle d’une seconde entre les fenêtres.

Les causes les plus courantes de non-concordance de mise en page sont les images sans dimension, les widgets et les bannières publicitaires.

Quelle est l’importance des Core Web Vitals de WordPress ?

Les Core Web Vitals font partie du signal d’expérience de la page avec une convivialité mobile, une navigation sécurisée et aucun interstitiel intrusif.

Les métriques d’expérience de page sont un signal de classement important pour le mobile depuis août 2021. Google prévoit même d’achever le système de classement des ordinateurs de bureau d’ici mars 2022.

La même mise à jour de Google Pages Experience montre également que les moteurs de recherche donnent toujours la priorité aux pages avec le contenu le plus pertinent. Cependant, si plusieurs pages ont un niveau de pertinence similaire, l’expérience de la page peut améliorer la visibilité.

Par conséquent, nous pouvons conclure que Core Web Vitals joue un rôle important dans les facteurs de classement des moteurs de recherche (SEO).

Core Web Vitals aide également à garantir que votre site Web offre des performances rapides et stables, ce qui augmente les taux de conversion et d’engagement.

En fait, plus de 50 % des mobinautes abandonnent les pages dont le chargement prend plus de 3 secondes. Une augmentation d’une à trois secondes du temps de chargement peut augmenter le taux de rebond de 32 %.

Un outil de mesure de la vitalité du cœur de réseau

Depuis que Core Web Vitals est devenu un signal de classement, les experts en référencement doivent surveiller leurs scores et s’assurer que les mesures fonctionnent bien afin d’obtenir les meilleures positions dans les résultats de recherche de Google.

Voici trois outils Google pour mesurer la vitalité du cœur du Web :

PageSpeed ​​​​Insights – Rapporte les données Web Vitals de base sur les appareils mobiles et les ordinateurs de bureau au cours des 28 derniers jours. Il montre également une analyse de test de vitesse pour vérifier le temps de chargement de votre site Web. Pour utiliser cet outil, rendez-vous sur le site PageSpeed ​​​​Insights, entrez l’URL et cliquez sur le bouton Analyser.

• 

• Lighthouse – est un outil d’automatisation open source pour la surveillance des performances Web.
• Lighthouse a plusieurs paramètres que PageSpeed ​​​​Insights n’a pas, comme l’accessibilité et le référencement.
• Deux façons d’utiliser cet outil sont d’installer l’extension et de faire un clic droit sur la page spécifique que vous souhaitez
• analyser -> Inspecter -> Phare.

• Search Console – Affiche les mesures de performances rapportées par les principaux Web Vitals dans la section Améliorations. Contrairement à Lighthouse et PageSpeed ​​​​Insights, cet outil vous permet d’inspecter toutes les pages de votre site Web.

• 

Grâce au rapport sur l’expérience utilisateur de Chrome, ces chiffres reflètent toujours avec précision l’expérience réelle avec les outils Google.

Ce rapport recueille des données auprès d’utilisateurs anonymes de Google Chrome qui choisissent de synchroniser leur historique de navigation. Il aide les propriétaires de sites Web à évaluer rapidement les performances de leurs pages sans avoir à connecter manuellement leurs outils Google Analytics.

Google applique la valeur du 75e centile de toutes les pages vues pour classer les performances globales. Cela signifie que Google attribue une bonne note à un site ou à une page si au moins 75 % de ses pages vues atteignent le seuil « bon » pour chaque santé Web principale.

Notez que pour chaque critère, le score d’une page n’affecte pas les performances des autres pages. Par exemple, une page d’accueil peut avoir un score inférieur à une page de produit.

Comment mesurer la vitalité du cœur de réseau ?

Les Core Web Vitals peuvent être facilement mesurés à l’aide des outils ci-dessus. Ils montrent les problèmes et vous donnent des suggestions pratiques pour les améliorer.

Cette section vous guide tout au long du test Core Web Vitals à l’aide de PageSpeed ​​​​Insights à partir de la page du didacticiel Hostinger.

Tapez hostinger.com/tutorials et cliquez sur Analyser. L’outil affichera des barres de score pour plusieurs mesures de base et indiquera si une page a réussi ou échoué l’évaluation Core Web Vitals.

Cliquez pour agrandir la vue pour voir des partitions plus détaillées.

Modifiez l’analyse sur mobile ou sur ordinateur pour voir les scores de chaque appareil.

Faites défiler vers le bas pour voir le score exact pour chaque métrique. Ici, tous les chiffres sont verts, indiquant un bon score Core Web Vitals pour la page de tutoriel Hostinger.

Si l’outil constate que la page est sous-performante, le nombre sera affiché en rouge.

Sous la section Métriques, les sections Opportunités et Diagnostics présentent les suggestions de PageSpeed ​​​​Insights pour améliorer les performances des pages.

Par exemple, si l’outil détecte une grande image, il vous proposera de la télécharger via la médiathèque pour éviter les photos en taille réelle. Le tableau ci-dessous présente les photos qui peuvent être optimisées et les économies potentielles qu’elles procurent.

Pour filtrer les recommandations, cliquez sur une statistique spécifique au-dessus de la section Opportunités. Cliquez sur le bouton Afficher l’arborescence pour afficher les données JavaScript regroupées hiérarchiquement.

Autres paramètres de performance à vérifier

En plus des trois mesures ci-dessus, les propriétaires de sites Web doivent prendre en compte d’autres facteurs pour offrir la meilleure expérience utilisateur. Ceux-ci incluent First Content Paint (FCP), Total Block Time (TBT) et Interaction Time (TTI).

Bien que vous puissiez trouver ces nouvelles mesures sur certains outils Core Web Vitals, elles n’en font pas partie. Ils aident à capturer une plus grande partie de l’expérience de la page et à diagnostiquer des problèmes spécifiques.

Indice de vitesse (SI)

L’indice de vitesse (SI) mesure le temps qu’il faut pour qu’un élément apparaisse dans la fenêtre d’affichage. Pour calculer votre indice de vitesse, l’outil d’analyse capture une vidéo du chargement de la page dans le navigateur et calcule le processus image par image.

Un bon score SI est de 3,4 secondes ou moins. L’expérience utilisateur est meilleure lorsque le contenu en haut de la page s’affiche plus rapidement.

Première Paint de contenu (FCP)

First Contentful Paint (FCP) calcule le temps nécessaire au navigateur pour afficher tout contenu dans le modèle d’objet de document (DOM). Cela inclut le texte, les images et les toiles non blanches.

Notez que FCP est différent de LCP, qui mesure le temps de rendu du contenu le plus important sur une page. Pour offrir une bonne expérience utilisateur, les propriétaires de sites doivent avoir un score PCF de 1,8 seconde ou moins.

Temps d’interaction (TTI)

Le temps d’interaction (TTI) est le temps qu’il faut pour qu’une page devienne entièrement interactive. Google considère qu’une page est interactive lorsque :

Cette page montre ce qui est disponible.
La page répond à l’interaction de l’utilisateur dans les 50 millisecondes.
Les propriétaires de sites enregistrent des gestionnaires d’événements pour les éléments les plus visibles de la page.

Le score TTI idéal est de 3,8 secondes ou moins.

Temps de blocage total (TBT)

Le temps de blocage total (TBT) est la somme de toutes les fois où la page ne répond pas à l’entrée de l’utilisateur.

Google calcule ce total en additionnant la partie bloquante des longues tâches JavaScript entre FCP et TBT. Toute tâche dont l’exécution prend plus de 50 ms est une tâche longue. La période après 50 ms est la partie bloquante.

Un bon score TBT est de 200 ms.

Temps jusqu’au premier octet (TTFB)

Time to First Byte (TTFB) identifie le moment où votre serveur envoie une réponse au navigateur de l’utilisateur. Plus le navigateur met de temps à récupérer les données, plus il met de temps à afficher la page.

 

TTFB est la somme de ces étapes de demande :

 

•  temps de redirection.
• Heure de début du Service Worker (le cas échéant).
• Requête DNS.
• Connexion et négociation du protocole TLS (Transport Layer Security).
• Requête jusqu’à ce que le premier octet de la réponse arrive.

 

Google ne peut pas donner de chiffres exacts pour un bon score TTFB en raison de la grande variation des piles de backend Web et d’applications.

Conclusion

Google considère les métriques Core Web Vitals comme des facteurs de classement sur leurs pages de résultats de recherche. Ils jouent également un rôle important dans l’engagement des utilisateurs et réduisent les taux de rebond en garantissant une expérience utilisateur positive.

Trois métriques principales de Core Web Vital sont au centre de nombreux projets de recherche : les visites, les pages vues et les taux d’achèvement.

Cette mesure de temps indique le temps qu’il faut pour que la partie la plus visible d’une page Web apparaisse à l’écran.
Temps écoulé entre le moment où les visiteurs interagissent avec un site Web et le moment où leurs visiteurs peuvent répondre.
Cette fonction vérifie la stabilité d’une page Web pendant son chargement.

Google dispose de trois outils capables de mesurer la Core Web Vitality de l’expérience utilisateur d’un site Web. Ce sont PageSpeed ​​​​Insights, Lighthouse et Search Console. Ces outils affichent vos scores Core Web Vitality et des conseils pour les améliorer. Idéalement, les propriétaires de sites devraient utiliser ces outils pour améliorer leurs scores Core Web Vitality.

En lisant cet article, nous espérons que vous avez appris à améliorer les performances de votre site Web en comprenant Web Vitals et en obtenant des scores d’expérience de page élevés.