Google Société InternetintroduiteCore Web Vitals(Core Web Vitals) sont devenus des indicateurs clés pour mesurer la qualité des sites web et l'expérience des utilisateurs. Dans cet article, des détails seront fournis sur ce que sont les Core Web Vitals, pourquoi ils sont si importants pour les sites WordPress, et comment optimiser ces métriques afin deAméliorer les performances de votre site webrépondre en chantantClassement dans les moteurs de recherche.

Qu'est-ce que les "Core Web Vitals" ?

Core Web Vitals est un ensemble d'indicateurs mis en place par Google pour mesurer et améliorer l'expérience des utilisateurs du web. Plus précisément, il comprend trois mesures clés :

1. La plus grande peinture de contenu (LCP)Durée maximale de l'étiquetage du contenu
2. Délai de première entrée (FID)Délai de la première entrée : Délai de la première entrée
3. Décalage cumulatif de la mise en page (CLS): Décalage cumulatif de la mise en page

Ces mesures portent non seulement sur le temps de chargement total de la page, mais aussi sur la rapidité avec laquelle l'utilisateur peut commencer à interagir avec la page. Ils constituent une meilleure mesure des performances d'un site et de l'expérience de l'utilisateur que le temps de chargement total, et sont des indicateurs clés pour les tests de vitesse et l'optimisation.

La plus grande peinture de contenu (LCP)

Qu'est-ce que LCP ?

LCP est l'abréviation de Maximum Content Drawing Time, qui mesure le temps écoulé entre le début du chargement de la page et la fin du rendu du contenu principal de la page. Le contenu LCP comprend généralement les images de la bannière de la page d'accueil, les images présentées en haut de la page et les zones de texte en haut de la page.

Moyens d'optimiser les PCL

• Utiliser un hébergement et un CDN rapidesAméliorer le temps de réponse du serveur et réduire le temps de réponse de l'ordinateur.TTFB(Temps jusqu'au premier octet).
• Optimiser le chargement des ressourcesRéduire les délais de chargement des ressources pour le contenu du premier écran et veiller à ce que les ressources essentielles soient chargées en premier.
• Compression et optimisation des imagesLes images peuvent être téléchargées à partir d'un ordinateur ou d'un téléphone portable, ce qui permet de réduire la taille du fichier image et d'accélérer le chargement.
• CSS et JS pour réduire les blocages de renduLes applications de gestion des ressources humaines : fusionner et réduire les fichiers CSS et JS, utiliser le chargement asynchrone pour les ressources non critiques.

Métriques LCP

• talentueux: inférieur ou égal à2.5unité d'angle ou d'arc équivalant à un soixantième de degré
• Besoin d'améliorationInférieur ou égal à 4,0 secondes : Inférieur ou égal à 4,0 secondes : Inférieur ou égal à 4,0 secondes
• médiocrePlus de 4,0 secondes

Décalage cumulatif de la mise en page (CLS)

Qu'est-ce que le CLS ?

CLS signifie Cumulative Layout Shift (décalage cumulatif de la mise en page) et mesure si le contenu a été déplacé ou non pendant le chargement de la page. Plus le déplacement est important, plus le score est élevé (mauvais), et le score le plus bas (excellent) est obtenu si le contenu ne se déplace pas du tout.

Méthodes d'optimisation du CLS

• Utilisation de l'attribut sizeLes images et les vidéos : ajoutez des attributs de largeur et de hauteur à tous les éléments d'image et de vidéo afin de préserver l'espace.
• Éviter l'insertion de contenu dynamiqueLes éléments du DOM : Évitez d'insérer de nouveaux éléments du DOM après le chargement du contenu afin d'éviter les décalages de mise en page.
• Optimiser les publicités et le contenu intégréLes publicités et le contenu intégré ont une taille fixe et n'affectent pas la mise en page.

Métriques CLS

• talentueuxInférieur ou égal à 0,1
• Besoin d'améliorationInférieur ou égal à 0,25
• médiocrePlus de 0,25

Délai de première entrée (FID)

Qu'est-ce que le FID ?

Le FID désigne le délai de première entrée, c'est-à-dire le temps qui s'écoule entre la première interaction d'un utilisateur avec une page web (par exemple, lorsqu'il clique sur un bouton) et le moment où le navigateur commence à traiter cette interaction. Il est principalement influencé par le JavaScript présent sur la page.

Moyens d'optimiser le FID

• Réduire les tâches du fil conducteurLes tâches longues sont décomposées afin de réduire le temps de blocage du fil d'exécution principal.
• Optimiser l'exécution de JavaScriptRéduire et optimiser les fichiers JavaScript, utiliser le chargement asynchrone.
• Utilisation du cache du navigateurLes ressources statiques sont mises en cache afin de réduire le temps de chargement répétitif.

Mesure du FID

• talentueuxInférieur ou égal à 100 millisecondes
• Besoin d'améliorationInférieur ou égal à 300 millisecondes
• médiocrePlus de 300 millisecondes

Impact de Core Web Vitals sur le classement des moteurs de recherche

Depuis juin 2021, Google a fait de Core Web Vitals un facteur de classement. Cela signifie que l'optimisation de ces mesures peut améliorer de manière significative les performances SEO.Core Web Vitals affectera à la fois les résultats de recherche sur mobile et sur ordinateur, et les sites web devront atteindre un score minimum de Core Web Vitality pour être affichés en premier dans les histoires populaires et les titres.

Comment utiliser PageSpeed Insights pour détecter les Vitaux Web de base ?

Avec PageSpeed Insights, vous pouvez vérifier le score Core Web Vitals d'un site web. Voici les étapes exactes :

1. Ouvrir PageSpeed Insights: AccèsSite officiel de PageSpeed Insights.
2. Saisir l'URL et l'analyserLe test de la page : Saisissez l'URL de la page à tester et cliquez sur ".analysé"Bouton.
3. Voir les résultatsLes scores LCP et CLS sont affichés à l'issue du test. Le FID est basé sur les données réelles de l'utilisateur et peut ne pas être affiché.

mise en garde

• Données de terrain et de laboratoireIl est normal que les résultats varient légèrement entre les données de terrain et les données de laboratoire.
• Tests sur les téléphones portables et les ordinateurs de bureauLes résultats des tests sur mobile et sur ordinateur sont séparés, car les scores diffèrent entre les deux.

Comment afficher les rapports Core Web Vitals pour un site entier dans Search Console ?

Le rapport Core Web Vitals peut être consulté pour l'ensemble du site web dans la Google Search Console. Ce rapport est basé sur des données utilisateur réelles et est parfait pour identifier les groupes de pages qui doivent être optimisés.

1. Ouvrir la console de recherchePour plus d'informations, consultez la Console de recherche de Google.
2. Voir le rapport Core Web VitalsLes indicateurs de performance sont les suivants : le statut (mauvais ou à améliorer), le type d'indicateur (par exemple, le problème CLS) et le groupe d'URL sont affichés dans le rapport.

3. Corrections de la vérificationAprès avoir corrigé les URL qui ont besoin d'être améliorées, utilisez "Corrections de la vérification"Validation de l'option".

Comment améliorer la note de base de votre site web ?

Les scores de Core Web Vitals étant étroitement liés à la vitesse du site, voici quelques suggestions d'optimisation :

1. Utiliser un hébergement rapide et des CDNAmélioration de la réactivité du serveur.
2. Optimiser le chargement des images et des ressourcesOptimiser les images à l'aide de plugins tels que Smush Image Compression.
3. Réduire la taille des fichiers JavaScript et CSSFusionner et rétrécir les fichiers pour réduire les ressources bloquant le rendu.
4. Utilisation du plugin CacheLes sites Web de l'entreprise peuvent être utilisés pour améliorer les performances de la mise en cache, grâce à l'utilisation de logiciels tels que WP Rocket.
5. Tests et ajustements réguliersLes sites web : Utilisez PageSpeed Insights et GTmetrix pour vérifier régulièrement les performances de votre site web et procéder à des ajustements en temps voulu.

rendre un verdict

En optimisant Core Web Vitals, vous pouvez améliorer de manière significative la vitesse de chargement et l'expérience utilisateur de votre site web WordPress, ce qui se traduit par une amélioration des classements SEO et des conversions. Qu'il s'agisse de LCP, de FID ou de CLS, ces indicateurs sont essentiels pour mesurer la performance des sites web et l'expérience des utilisateurs.