Google Core Web Vitals : tout ce que vous devez savoir

Google a toujours apprécié les besoins de ses utilisateurs. Ils ont toujours travaillé pour une meilleure expérience utilisateur, du bourrage de mots clés à l'introduction de la vitesse de chargement du site Web, une considération de classement pour le classement mobile en premier. Une autre étape de cette approche est Core Web Vitals.

Que sont les Core Web Vitals ?

Google utilise une combinaison de mesures importantes pour classer les pages, et Core Web Vitals en est une. Ils analysent la convivialité du site, la vitesse de chargement, la stabilité visuelle et la pertinence des informations. Lorsque les utilisateurs effectuent des recherches sur Internet, tous les Google Core Web Vitals s'efforcent de garantir à l'utilisateur les résultats les meilleurs et les plus pertinents.

Les métriques Web Vitals sont divisées en deux parties : Core Web Vitals et non Core Web Vitals.

Les Core Web Vitals sont :

• La plus grande peinture de contenu (LCP)
• Premier délai d'entrée (FID)
• Décalage de mise en page cumulé (CLS)

Et les éléments vitaux Web non essentiels sont :

• Temps de blocage total (TBT)
• Première peinture de contenu (FCP)
• Indice de vitesse (SI)
• Temps d'interactivité (TTI)

Mais, avant de passer en revue tous les Web Vitals, parlons de la raison pour laquelle ils sont si importants.

Pourquoi les Core Web Vitals sont-ils importants ?

L'importance de Core Web Vitals est qu'ils reflètent les performances de votre site Web pour les utilisateurs. Il concerne la vitesse à laquelle un site Web se charge et la rapidité avec laquelle les visiteurs peuvent se connecter.

Selon des recherches récentes, un retard d'une seconde dans le temps de chargement d'une page peut entraîner une baisse de 7 % des conversions, une baisse de 11 % des visites de pages et une baisse de 16 % de la satisfaction client.

Par conséquent, il est essentiel d'accélérer et d'améliorer les performances de votre site Web. D'autre part, la plupart des méthodes de mesure de la performance ne tenaient pas compte de la qualité de l'expérience utilisateur.

Les conversions, les pages vues et la satisfaction des clients souffrent toutes d'un site Web plus rapide avec une mauvaise expérience utilisateur. L'amélioration de Web Vitals de base peut vous aider à résoudre ce problème.

Dans les classements SEO, l'expérience utilisateur est également un facteur important. Google a précédemment déclaré qu'à partir de mai 2021, l'expérience de la page sera l'un des facteurs de classement dans la mise à jour de l'algorithme de recherche.

Les trois composants du Core Web Vitals de Google

Examinons maintenant chacun des trois composants Google Core Web Vitals :

Grande peinture de contenu (LCP)

La plus grande peinture de contenu est une métrique Web vitale de base qui mesure le temps nécessaire au chargement d'une page. Il calcule le temps nécessaire pour rendre le plus grand élément de contenu à l'intérieur de la zone visible d'un utilisateur. Il ne mesure pas la page entière.

Qu'est-ce qu'un bon score LCP ?

Selon Google, votre site doit avoir un LCP de 2,5 secondes ou moins pour offrir la meilleure expérience utilisateur.

Le LCP est classé sur une échelle de « bon » à « médiocre », tout comme les autres mesures Core Web Vitals :

• Bon : Tout LCP de moins de 2,5 secondes est considéré comme bon.
• A améliorer : les scores entre 2,5 et 4,0 secondes doivent être améliorés.
• Médiocre : LCP sur 4,0 secondes est médiocre et, par conséquent, vos utilisateurs vivent une expérience terrible lorsqu'ils visitent votre site Web.

Pourquoi la plus grande peinture de contenu (LCP) est-elle importante ?

Cet élément est censé être la première chose qu'une personne voit lorsqu'elle visite une page. LCP a un impact considérable sur l'expérience utilisateur, car un bon score fera penser à l'utilisateur que le site se charge plus rapidement, mais un mauvais score le rendra frustré. Il a également été établi que ce score affectera les classements SEO à l'avenir.

Qu'est-ce qui pourrait causer un mauvais score LCP ?

Voici la raison du mauvais score LCP :

• Temps de réponse lent.
• CSS bloquant le rendu.
• Javascript bloquant le rendu.
• Rendu côté client.
• Fichiers CSS et JS non optimisés et non nettoyés.
• Polices non visibles lors du chargement de la page.
• Images non optimisées.
• Ordre de chargement des ressources non optimisé.

Comment améliorer votre score LCP ?

Voici les moyens d'améliorer votre score LCP :

• Supprimez tous les scripts tiers inutiles.
• Minifiez votre CSS.
• Configurez le chargement différé des images.
• Passez à un hébergeur plus rapide.
• Installez un CDN.
• Actifs du cache.
• Supprimez les éléments de page volumineux qui prennent plus de temps à charger.
• Suivez les conseils de Google pour votre URL spécifique.

Premier délai d'entrée (FID)

Le premier délai d'entrée est le temps qu'il faut entre le moment où un utilisateur interagit pour la première fois avec un site Web (c'est-à-dire, en cliquant sur un lien, en appuyant sur un bouton ou en utilisant un contrôle personnalisé alimenté par JavaScript) et le moment où le navigateur peut commencer à traiter les gestionnaires d'événements en réponse à cette interaction.

Qu'est-ce qu'un bon score FID ?

Un temps de réaction de 100 ms ou moins est perçu comme instantané par les utilisateurs. Cela indique qu'une agence de référencement technique devrait essayer un premier délai d'entrée inférieur à 0,1 seconde pour toutes les pages Web.

Le FID est classé sur une échelle de « bon » à « médiocre », tout comme les autres métriques Core Web Vitals :

• Bon : Tout FID inférieur à 100 ms est considéré comme bon.
• A améliorer : les scores entre 100 et 300 ms doivent être améliorés.
• Médiocre : le FID supérieur à 300 ms est médiocre.

Pourquoi le premier délai d'entrée (FID) est-il important ?

Si un utilisateur cherche à interagir avec un site Web et ne répond pas rapidement, il se sentira probablement insatisfait. Il est essentiel de réduire la gêne pour améliorer l'expérience du site Web. Dans une future mise à niveau de l'algorithme SEO de l'expérience de page, cette mesure influencera directement le classement SEO.

Qu'est-ce qui pourrait causer un mauvais score FID ?

Les causes les plus courantes d'un mauvais FID sont :

• Tâches longues où un navigateur doit s'arrêter.
• Exécution longue de Javascript.
• Bundles Javascript lourds.
• Javascript bloquant le rendu.

Comment améliorer votre score FID ?

Voici les moyens courants d'améliorer votre score FID :

• Optimisez l'ordre de chargement des ressources.
• Optimisez le temps d'exécution de Javascript.
• Réduisez le montant Javascript tiers.
• Différez les actifs Javascript non critiques pour l'exécution.
• Améliorer le temps de réponse du serveur.
• Diminuez le nombre et la taille des demandes d'actifs.
• Utilisez le rendu côté serveur avec le cache côté serveur.
• Divisez le code et utilisez le CSS critique pour la section au-dessus de la ligne de flottaison de la page Web.
• Réduisez le travail de traitement du thread principal du navigateur.
• Utilisez Web-workers avec Service-worker.

Décalage de mise en page cumulé (CLS)

Le changement de disposition cumulatif fait référence au mouvement soudain des composants de la page Web pendant le téléchargement de la page. Les polices, images, vidéos, formulaires de contact, boutons et autres types de contenu sont des exemples d'éléments qui induisent un décalage.

Vous devez limiter CLS au minimum, car le changement de page peut entraîner une mauvaise expérience utilisateur.

Qu'est-ce qu'un bon score CLS ?

Les scores CLS commencent à 0 pour les pages Web totalement statiques et augmentent à mesure que la mise en page de la page change.

Votre mise en page est plus stable si vous avez un score inférieur. Les outils de performance de Google utilisent les scores CLS officiels suivants :

• Bon : Tout CLS inférieur à 0,1 est considéré comme bon.
• A améliorer : Les scores entre 0,1 et 0,25 doivent être améliorés.
• Médiocre : CLS au-dessus de 0,25 est médiocre.

Pourquoi le décalage de mise en page cumulé (CLS) est-il important ?

Lorsque le contenu se déplace de manière inattendue, c'est l'une des expériences les plus frustrantes pour les utilisateurs finaux. Cela peut amener un utilisateur à perdre le focus sur l'endroit où il se trouve dans le processeur pour cliquer ou appuyer sur le mauvais objet. C'est très frustrant et nuisible à l'expérience utilisateur, ce qui incite Google à le considérer comme un facteur de classement.

Qu'est-ce qui pourrait causer un mauvais score CLS ?

Selon Google, voici les raisons pour lesquelles le changement de mise en page cumulé se produit :

• Images sans dimensions.
• Contenu inséré dynamiquement.
• Les polices Web provoquent FOIT/FOUT.
• Annonces, intégrations et iframes sans dimensions.
• Avant de changer le DOM, les actions attendent une réponse du réseau.

Comment améliorer votre score CLS ?

Voici les moyens d'améliorer votre score CLS :

• Évitez les fenêtres contextuelles ou les bannières qui modifient la disposition de l'écran lors du premier chargement du site.
• Définissez les dimensions d'attribut de taille pour tous les médias (images, GIF, etc.), afin que le navigateur de l'utilisateur comprenne l'espace qu'ils occuperont et ne modifie pas les dimensions de manière inattendue.
• Placez toutes les annonces dans des espaces réservés, afin qu'elles n'apparaissent pas soudainement, ce qui entraînerait un changement de contenu.
• Suivez les conseils de Google pour votre URL spécifique (voir comment mesurer Core Web Vitals ci-dessous).

Autres éléments vitaux Web

Alors que les Core Web Vitals deviennent des signaux de classement, les autres Web Vitals ne doivent pas être négligés. Prendre soin de ces métriques revient à prendre soin de l'expérience utilisateur.

Autres Web Vitals :

Temps de blocage total (TBT)

Le temps de blocage total (TBT) est la durée pendant laquelle les tâches longues (toutes les tâches exécutant plus de 50 ms) bloquent le thread principal et réduisent la convivialité de la page. Il affiche à quel point une page est statique avant qu'elle ne devienne complètement interactive.

Qu'est-ce qu'un bon score TBT ?

Dans un appareil et une connexion réseau moyens, un temps de blocage total décent est inférieur à 300 millisecondes. Lighthouse calcule le temps de blocage total en ajoutant l'impact de blocage total des tâches longues et en le comparant au score TBT des 10 000 meilleurs sites Web. Cette mesure comprend 404 pages et actifs.

Seuils de classification du temps total de blocage :

• Bon : Tout TBT inférieur à 300 ms est considéré comme bon.
• A améliorer : les scores entre 300 et 600 ms doivent être améliorés.
• Médiocre : le TBT au-dessus de 600 ms est médiocre.

Qu'est-ce qui pourrait causer un mauvais score TBT ?

Voici la raison du mauvais score TBT :

• Un code JavaScript désordonné et un JS inutilisé.
• Un temps d'exécution JS élevé.
• Un travail de fil conducteur élevé.
• Utilisation intensive d'un code tiers.

Comment améliorer votre score TBT ?

Voici les moyens d'améliorer le score TBT :

• Minifier CSS et JS.
• Réduisez le temps d'exécution de Javascript.
• Supprimez le Javascript inutilisé.
• Réduisez l'impact du code tiers.
• Éliminez les ressources bloquant le rendu.
• Activer la compression de texte.
• Minimisez le travail du fil principal.

Première peinture de contenu (FCP)

Lorsqu'un site Web commence à se charger, le premier contenu affiché à l'écran est mesuré en tant que First Contentful Paint (FCP).

Il s'agit d'une statistique centrée sur l'utilisateur, car elle révèle comment un utilisateur perçoit les performances d'un site Web (et non comment les outils de test de vitesse l'évaluent). Le FCP doit être le plus bas possible. Un FCP rapide indique à l'utilisateur que quelque chose se passe.

Qu'est-ce qu'un bon score FCP ?

Selon la documentation de Google sur le calcul des notes métriques, ils évaluent les temps FCP dans trois catégories - bon, besoin d'amélioration et mauvais - et décrivent comment ils obtiennent le score de centile utilisé par leur outil Lighthouse.

• Bon : Tout FCP compris entre 0 et 1,8 s est considéré comme bon.
• A améliorer : les scores entre 1,8 et 3 doivent être améliorés.
• Médiocre : le FCP supérieur à 3 s est médiocre.

Qu'est-ce qui pourrait causer un mauvais score FCP ?

Les raisons du faible score FCP sont les suivantes :

• Scripts de blocage de rendu et feuille de style externe.
• Fichiers JavaScript.
• Grandes ressources textuelles.

Comment améliorer votre score FCP ?

Voici quelques suggestions pour augmenter votre score FCP :

• Éliminez les scripts et les feuilles de style qui bloquent le rendu.
• Supprimez les CSS et JavaScript inutilisés.
• La redirection de plusieurs pages doit être évitée.
• Évitez une taille DOM excessive.
• Évitez d'afficher du texte invisible.
• Réduisez le nombre de ressources et la taille des transferts.

Indice de vitesse (SI)

L'indice de vitesse (SI) est une statistique de performance de chargement de page qui indique à quel moment le contenu d'une page est visible. Il s'agit du temps moyen nécessaire au chargement des sections visibles de la page. Plus le score est faible, exprimé en millisecondes et dépend de la taille de la fenêtre, mieux c'est.

Qu'est-ce qu'un bon score SI ?

Selon Lighthouse, un indice de vitesse décent doit être inférieur à 4,3 secondes. Entre 4,4 et 5,8 secondes est le score moyen de l'indice de vitesse. Un indice de vitesse de plus de 5,8 secondes est considéré comme médiocre. Lighthouse a calculé toutes les données de cette page à l'aide des normes d'archivage HTTP. Les critères de score d'indice de vitesse bon, moyen et mauvais pour Lighthouse changeront si les données HTTP Archive changent.

• Bon : SI inférieur à 4,3 s considéré comme bon.
• A améliorer : Tous les scores entre 4,4 et 5,8 doivent être améliorés.
• Médiocre : un score supérieur à 5,8 s est médiocre.

Qu'est-ce qui pourrait causer un mauvais score SI ?

Voici quelques-unes des raisons d'un faible score SI :

• Code JavaScript et JS inutilisé.
• Temps d'exécution JavaScript.
• Travail du fil principal.
• Code tiers.

Comment améliorer votre score SI ?

Voici quelques suggestions pour augmenter votre score SI :

• Supprimez le JS inutilisé.
• Réduisez le temps d'exécution de JavaScript.
• Éliminez les ressources bloquant le rendu.
• Réduisez l'impact du code tiers.
• Minimisez le travail du thread principal.
• Précharger les demandes de clé.
• Évitez d'enchaîner les demandes critiques.
• Maintenez le nombre de demandes bas et les tailles de transfert petites.
• Réduisez le TTFB et les temps de réponse du serveur.
• Assurez-vous que les images dans les fichiers à télécharger sont au format correct.

Temps d'interactivité (TTI)

Le TTI est une statistique de performance qui évalue la réactivité d'une page au chargement et aide à analyser les situations dans lesquelles un site Web semble être interactif mais ne l'est pas.

TTI identifie si la page est prête de manière fiable pour l'interaction de l'utilisateur après le First Contentful Paint (FCP).

Qu'est-ce qu'un bon score TTI ?

Pour offrir une expérience utilisateur décente, vous devez toujours viser un temps d'interaction inférieur à 3,8 secondes. Votre score TTI est basé sur la comparaison du temps TTI de votre page aux temps TTI des sites les mieux classés, qu'ils soient affichés sur mobile ou sur ordinateur.

Voici comment Lighthouse interprète le score TTI :

• Bon : TTI inférieur à 3,8 s considéré comme bon.
• A améliorer : Tous les scores entre 3,9 et 7,3 doivent être améliorés.
• Médiocre : un score supérieur à 7,3 s est médiocre.

Qu'est-ce qui pourrait causer un mauvais score TTI ?

Certaines des causes d'un mauvais score TTI sont les suivantes :

• Temps d'exécution JavaScript.
• Code JavaScript et JS inutilisé.
• Code tiers.
• Travail du fil principal.

Comment améliorer votre score TTI ?

Voici quelques façons de vous aider à améliorer votre score TTI :

• Réduire les fichiers Javascript.
• Réduisez le temps d'exécution de JavaScript avec moins de plugins.
• Optimisez les images et les vidéos.
• Réduisez l'impact du code tiers.
• Minimisez le travail du fil principal.
• Maintenez le nombre de demandes de serveur bas et les tailles de transfert petites.
• Précharger les demandes de clé.

Comment mesurer les Core Web Vitals ?

Google a permis aux SEO et aux propriétaires de sites Web de suivre facilement les Core Web Vitals à l'aide de divers outils.

Core Web Vitals n'a été publié qu'il y a quelques semaines et ne pouvait être évalué qu'à l'aide du rapport Chrome UX à l'époque.

Avec la nouvelle que Core Web Vitals serait inclus dans l'algorithme de classement de Google, l'entreprise améliore bon nombre de ses outils existants avec des capacités de mesure.

Google Core Web Vitals peut désormais être mesuré à l'aide de :

Google PageSpeed Insights

Lorsqu'il s'agit de mesurer et d'évaluer Core Web Vitals, Google PageSpeed ​​Insights (PSI) est l'un des outils SEO essentiels. PSI utilise Lighthouse et Chrome UX Report pour fournir des données du laboratoire et du terrain sur les appareils mobiles et de bureau. PageSpeed ​​Insights donne des conseils détaillés sur la façon d'améliorer la vitesse du site en plus de fournir un aperçu des données de terrain des utilisateurs du monde réel (CrUX).

Console de recherche Google

Google Search Console peut vous aider à examiner et à découvrir des groupes de pages qui peuvent avoir besoin d'être améliorées ou corrigées. GSC est basé sur les données du rapport Chrome UX, qui est basé sur des recherches sur le terrain dans le monde réel. Les URL sont classées en fonction de leur type de métrique et de leur statut (médiocre, doit être amélioré, bon). Le rapport GSC Core Web Vitals vous montrera à quel point toutes (ou la plupart) de vos pages Web fonctionnent en termes de Core Web Vitals.

Phare de Google

Google Lighthouse est l'outil le plus populaire pour tester votre site Web dans un environnement de laboratoire. Il vous permet d'auditer et d'évaluer votre site Web dans quatre domaines : les performances, l'accessibilité, les meilleures pratiques et le référencement. Lighthouse suit LCP, CLS, TTI et TBT, entre autres paramètres d'expérience utilisateur de laboratoire. L'outil vous fournira des conseils détaillés sur l'amélioration de votre site, similaire à PSI (principalement basé sur Lighthouse). Assurez-vous de consulter le calculateur de notation Lighthouse lorsque vous testez votre site avec Lighthouse.

Outils de développement Chrome

Chrome DevTools est un outil de développement préinstallé avec le navigateur Chrome. Pour y accéder, faites un clic droit et sélectionnez "Inspecter", et Chrome DevTools apparaîtra. Vous pouvez examiner certains des indicateurs Core Web Vitals à l'aide du panneau de performances de Chome DevTools. Gardez un œil sur Web Vitals. La partie sur l'expérience vous aidera à analyser les ajustements de mise en page.

Rapport Chrome UX

Chrome UX Report est un ensemble de données public qui fournit des données d'expérience utilisateur réelles à partir de millions de sites Web. Ce n'est pas un outil en soi. Les données du rapport sur l'expérience utilisateur de Chrome proviennent des utilisateurs de Chrome qui se sont inscrits ; ainsi, il surveille les données de terrain pour tous les indicateurs Core Web Vitals. Vous pouvez utiliser l'API CrUX pour mesurer les versions de terrain de Core Web Vitals dans votre application si vous êtes développeur.

GTmetrix

GTmetrix est un autre outil de laboratoire important pour évaluer la vitesse et les performances de votre site. L'outil est basé sur les données de Google Lighthouse. Il suit des paramètres tels que la plus grande peinture de contenu, le temps de blocage total, le changement de mise en page cumulé, etc.

Web Vitals (extension Chrome)

Web Vitals est une extension Google Chrome qui vous permet de surveiller les informations Core Web Vitals en temps réel sur votre bureau. Les développeurs qui souhaitent évaluer et dépanner les modifications apportées peuvent trouver l'extension Web Vitals Chrome utile. Allez sur le site Web et cliquez sur l'extension pour examiner les données.

Est-ce que Core Web Vitals affectera mon classement ?

Les Core Web Vitals deviendront des critères de classement pour Google en juin 2021 ; ainsi, ces indicateurs peuvent influencer vos performances SEO.

Les nouveaux signaux d'expérience de page incluront la sécurité HTTPS, la navigation sécurisée, la convivialité mobile et les directives interstitielles intrusives.

Google Core Web Vitals a un impact sur les résultats organiques sur mobile et sur ordinateur, ainsi que sur l'apparition ou non de votre site dans les Top Stories. Auparavant, si vous vouliez apparaître dans Top Stories, vous deviez utiliser AMP. Lorsque Google implémentera la mise à jour, ce ne sera plus le cas, mais votre site devra satisfaire des scores minimums spécifiques de Core Web Vitals pour apparaître dans Top Stories.

De plus, il semble que tous les indicateurs Core Web Vitals doivent être satisfaits pour améliorer le classement organique. Le score Core Web Vitals pour les pages indexées peut également être nécessaire.

En résumé, augmenter vos scores Google Core Web Vital est désormais nécessaire si vous vous souciez des performances de votre référencement WordPress.

Qu'est-ce qu'un bon score de vitesse de page ?

Il n'y a pas de seuil formel. L'une des directives les plus populaires est que votre site Web doit se charger en moins de deux secondes. Cela est probablement dû à une étude de Google qui a révélé que 47 % des utilisateurs mobiles abandonnent un site Web dont le chargement prend plus de deux secondes.

Bien que ce conseil soit très probablement basé sur la mesure de l'indice de vitesse, je ne pense pas que Google ait jamais indiqué une métrique spécifique lors de la fourniture d'un score de vitesse de page. En règle générale, les conseils des responsables de Google sont généraux, tels que "créer des sites rapides pour les utilisateurs" ou "créer des sites aussi rapides que possible".

Pourquoi est-il si important d'améliorer la vitesse des pages ?

L'expérience utilisateur est influencée par la vitesse de la page, et cela peut faire ou défaire votre site Web. Une performance de page plus rapide améliore l'expérience utilisateur, augmente les conversions de visites de page et réduit les taux de rebond. Examinons plus en détail les avantages de l'augmentation de la vitesse des pages.

1. Augmentez la vitesse du site Web pour améliorer l'expérience utilisateur

Selon notre étude, 47 % des clients souhaitent qu'un site Web se charge en moins de deux secondes.

Après cela, chaque seconde dégrade l'expérience utilisateur. Les téléspectateurs n'aiment pas attendre que votre page se charge ; par conséquent, ils cliqueront généralement pour découvrir une entreprise qui offre une meilleure expérience utilisateur.

2. Augmentez le nombre de pages vues

Vous avez peut-être observé que plusieurs des indicateurs dont j'ai parlé précédemment, tels que LCP et CLS, ont un impact sur le classement des pages sur Google. Google ajoute des données évaluant les temps de chargement pour offrir des résultats de recherche de haute qualité aux utilisateurs. Par conséquent, plus votre page se charge rapidement, plus votre note Google est élevée.

3. Boostez les conversions

Les utilisateurs seront heureux et plus susceptibles de devenir des clients si vos sites se chargent rapidement. HubSpot a découvert que la réduction du temps de chargement des pages de 3 à 17 % augmentait les conversions dans 12 études de cas.

Le calcul était fait. Un délai d'une seconde sur une page peut vous coûter 2,5 millions de dollars par an si votre site de commerce électronique génère 10 000 dollars par jour.

4. Taux de rebond réduit

Selon Think with Google, augmenter le temps de chargement de votre site Web d'une seconde à trois secondes augmente votre taux de rebond de 32 %. Si elle est augmentée de une à cinq secondes, la chance augmente de 90 %.

Quelques secondes peuvent faire la différence entre conserver et convertir des utilisateurs ou les perdre au profit de concurrents.

Pour en savoir plus, consultez notre guide détaillé sur la façon de réduire le taux de rebond dans WordPress.

Façons d'augmenter la vitesse de la page

Vous pouvez essayer les actions suivantes pour augmenter la vitesse de la page :

1. Limitez le nombre de redirections

Plus il faut de temps au serveur pour localiser et charger la bonne page, plus vous avez de redirections. Supprimez toutes les redirections inutiles que vous pouvez.

2. Inclure la barre oblique à la fin

N'oubliez pas d'ajouter la barre oblique à la fin de l'URL. Vous informez le serveur qu'il n'y a pas de dossiers à parcourir et que cette page est la destination finale.

Par conséquent, votre URL devrait être www.pickupwp.com/blog/ plutôt que www.pickupwp.com/blog.

Cela réduira votre temps de chargement d'une fraction de seconde, et chaque milliseconde compte.

3. Les images doivent être compressées et optimisées.

De gros fichiers image ou un grand nombre de photos peuvent augmenter considérablement le temps de chargement de votre site Web. Assurez-vous que toutes vos photos sont correctement mises à l'échelle et compressées.

Les images doivent également être conservées dans le bon format. Les formats les plus facilement compressés sont PNG et JPEG, qui sont pris en charge par tous les navigateurs.

La compression d'une image diminue la taille du fichier, qui est mesurée en kilo-octets et mégaoctets. Les photos de haute qualité peuvent être réduites de 60 à 80 % en moyenne. Vous ne devez jamais utiliser une image dont la taille dépasse 1 Mo.

La taille de l'image sur la page peut être modifiée en la redimensionnant. Les images plus petites doivent être de 700 pixels ou moins, tandis que les images plus grandes doivent occuper toute la largeur de votre site (ou environ 1900 pixels). Vous pouvez toujours réduire la taille, mais augmenter la taille sans pixelliser l'image est assez difficile.

Il existe plusieurs plugins d'optimisation d'image disponibles que vous pouvez utiliser pour l'optimisation et la compression d'image.

4. Utilisez un réseau de diffusion de contenu (CDN)

Avec un CDN, votre site est hébergé localement par un réseau de serveurs, ce qui réduit les temps de chargement des pages. Une personne à Dublin visitant un site Web situé à Los Angeles, par exemple, n'aurait pas besoin d'envoyer un ping au serveur d'origine mais plutôt à un serveur plus proche de chez lui en Irlande.

Il diminue le nombre de requêtes au serveur d'origine en répartissant le contenu sur plusieurs serveurs, ce qui ralentit les temps de téléchargement.

5. Les plugins et autres éléments de page doivent être réduits au minimum.

Les plugins, JavaScript et d'autres éléments supplémentaires augmentent le temps de chargement d'une page. N'incluez que les composants requis pour votre page.

Certains plugins peuvent bien sûr améliorer les performances du site. Les performances de la page peuvent être améliorées en utilisant des plugins qui redimensionnent automatiquement les images, minifient le code et retardent le chargement de JavaScript. Il serait préférable de décider si les fonctionnalités supplémentaires fournies par ces plugins valent le sacrifice des performances de la page.

6. Minifiez votre code HTML ou CSS

Lorsque vous minimisez le code de votre site Web, vous supprimez tous les espaces, les notes et les balises supplémentaires que les développeurs utilisent pour rendre leur code plus lisible et plus simple à utiliser ultérieurement. Lorsqu'un serveur essaie de charger un site Web, il n'a pas besoin de tout cela pour comprendre HTML, JavaScript ou CSS, et cela peut gêner.

7. Utilisez la mise en cache

Lorsqu'un site est mis en cache, le serveur stocke des copies de ses pages afin qu'il n'ait pas à recharger le site à chaque fois. Vous pouvez gagner du temps en utilisant la mise en cache.

Vous pouvez utiliser WP Rocket, le meilleur plugin de mise en cache pour WordPress.

8. Sélectionnez soigneusement votre fournisseur d'hébergement Web.

Vous obtenez ce que vous payez en matière d'hébergement de site Web. Les forfaits les moins chers peuvent ne pas être en mesure de gérer autant de trafic, ce qui entraîne des temps de chargement du site Web plus lents.

Il existe quatre types de fournisseurs d'hébergement Web parmi lesquels choisir :

• Hébergement partagé : L'hébergement partagé peut héberger plusieurs petits sites sur un seul serveur. Bien que l'hébergement partagé soit peu coûteux, l'augmentation du trafic vers d'autres sites hébergés sur le même serveur peut ralentir le vôtre.
• Hébergement VPS : Un serveur privé virtuel, ou VPS, gère de nombreux sites, mais chacun a son propre « emplacement » virtuel. Parce qu'il est virtuel, il vous fournit des ressources supplémentaires, ce qui réduit potentiellement la probabilité de difficultés de vitesse du site liées au trafic.
• Hébergement sur serveur dédié : Un seul serveur héberge un seul site Web. Bien que plus coûteux, il permet de réduire ou d'éliminer la possibilité de perte de vitesse du site due aux pics de trafic provenant d'autres sites.
• Hébergement cloud : les sites Web sont hébergés sur un réseau de serveurs virtuels et physiques, qui offrent des ressources et une flexibilité accrues. Un hôte virtuel évoluera pour augmenter une augmentation inattendue du trafic.

Tenez compte de la taille de votre site et de votre budget lors de la sélection d'un service d'hébergement pour votre site Web.

Conclusion

Les Core Web Vitals sont essentiels pour le référencement WordPress car ils peuvent vous aider à obtenir plus de reconnaissance pour votre site Web tout en le gardant organisé et propre.

Ces mesures peuvent augmenter la visibilité et le classement de votre site Web dans les navigateurs et offrir une bonne expérience de navigation à vos visiteurs.

Il est important de commencer à optimiser votre site Web dès que possible pour éviter de recevoir des commentaires négatifs ou de se classer plus bas dans les résultats de recherche.

Nous espérons que cet article vous aidera à en savoir plus sur Google Core Web Vitals et sur la manière de les optimiser. Vous pouvez également consulter notre liste des meilleurs plugins de cache pour WordPress pour augmenter la vitesse des pages et un guide pour augmenter la vitesse de votre site Web WordPress.