Blog e-commerce - Joptimisemonsite
  • Trucs & Astuces
    • Design
    • Monétisation
    • Divers
  • UX/UI
    • Tests A/B
  • Astuces SEO
  • Dropshipping
  • Débuter en e-commerce
    • Wizishop
    • Prestashop
    • Shopify
    • Wix
    • Solutions de paiement e-commerce
  • Email Marketing
Aucun résultat
Voir tous les résultats
Blog e-commerce - Joptimisemonsite
  • Trucs & Astuces
    • Design
    • Monétisation
    • Divers
  • UX/UI
    • Tests A/B
  • Astuces SEO
  • Dropshipping
  • Débuter en e-commerce
    • Wizishop
    • Prestashop
    • Shopify
    • Wix
    • Solutions de paiement e-commerce
  • Email Marketing
Aucun résultat
Voir tous les résultats
Blog e-commerce - Joptimisemonsite
Aucun résultat
Voir tous les résultats

Core Web Vitals : c’est quoi ? Comment ça fonctionne ? 

Sébastien BLERIOT par Sébastien BLERIOT
18 mars 2022
dans Astuces SEO
Temps de lecture : 5 mins
0
Mesures Google Cor Web vitals

Depuis 2021, Google s’intéresse à la vitesse de chargement et à l’expérience utilisateur (UX) de votre site Internet. Pour mesurer vos performances, le moteur de recherche à créer les Core Web Vitals : Signaux Web essentiels en français.

Mais, LCP, FID, CLS, FCP,  kézako ? Comment comprendre ces indicateurs et savoir déchiffrer les résultats de ces analyses ?

Dans cet article je vous guide pour mieux comprendre l’utilité de ces métriques. Vous pourrez alors améliorer votre SEO par des actions simples. Vous obtiendrez une meilleure place dans les résultats de recherche ! 

Accéder à une partie de l'article

Toggle
  • Les Core Web Vitals, c’est quoi ?
    • Quels sont les éléments mesurés ?
  • Pourquoi faut-il vérifier les Cores Web Vitals ?
  • Comment mesurer les Cores Web Vitals de mon site internet ?
    • Google Page Speed Insight
    • Google Search Console
  • Comment obtenir de bons signaux Web essentiels ?
    • Optimiser votre Largest Content Paint
    • Améliorer le First Imput Delay
    • Maximiser le Cumulative Layout Shift
  • Conclusion

Les Core Web Vitals, c’est quoi ?

objectif des Core web Vitales : UX et téléchargement rapide

Les Core Web Vitals sont un ensemble d’indicateurs qui ont pour but d’évaluer l’expérience des visiteurs sur votre site internet. Selon les scores déterminés par l’algorithme Google, votre classement dans ses résultats de recherches peut s’ajuster favorablement ou… défavorablement. 

Quels sont les éléments mesurés ?

  • Le Largest Contentful Paint (LCP)

Cet indicateur mesure la vitesse de chargement de votre site internet sur le support (ordinateur, tablette ou mobile) d’un visiteur.

Pour comprendre cette donnée, sachez qu’un temps de chargement optimal doit être inférieur à 2,5 secondes. Si votre score LCP se situe entre 2,5 et 4 secondes, vous pourrez apporter des améliorations à votre page. Enfin, si votre page web s’affiche en plus de 4 secondes, le moteur de recherche pénalise votre référencement naturel. 

  • First Input Delay (FID)

Le First Input Delay correspond au délai d’interaction d’un visiteur avec votre page. Pour faire simple, cette mesure vous indique combien de temps met un utilisateur pour cliquer sur y un élément de votre site. Vos boutons d’action sont-ils suffisamment visibles ? Vos liens sont-ils parfaitement accessibles ?

Un bon FID doit se situer autour de 100 millisecondes. Dans le cas où sa valeur excède les 300 ms, il est nécessaire d’agir pour l’améliorer ! 

  • Cumulative Layout Shift (CLS)

Aussi, le comportement de votre contenu, lui-même, est mesuré par le Cumulative Layout Shift. Avec cet indicateur Google s’intéresse aux éléments de votre page. Ils doivent être stables. Ainsi, les changements de dispositions inattendus comme un texte qui se déplace de droite à gauche sont pénalisés. 

Un bon score CLS doit être inférieur à 0,1. Pour permettre une bonne expérience utilisateur, les pages web doivent conserver un CLS inférieur à 0,1. Un résultat supérieur à 0,2 est considéré comme mauvais. 

  • FCP First Contentful Paint (FCP) metric

Enfin, la métrique First Contentful Paint (FCP) mesure le temps entre le début du chargement de la page et le moment où un premier contenu est visible à l’écran.

Les valeurs FCP égales ou inférieures à 1,8 seconde sont favorables. Lorsque le résultat est supérieur à 3 secondes, ce score est considéré comme pouvant être retravaillé. 

Tableau de résultat Core web vitals

Pourquoi faut-il vérifier les Cores Web Vitals ?

Vous l’aurez compris, ces indicateurs représentent l’expérience de l’utilisateur sur votre site web. Combinés à bien d’autres paramètres, Google analyse vos résultats pour déterminer la qualité de votre référencement.

L’équation est simple : Un bon UX + Un chargement rapide = un bon référencement sur Google.

Ainsi, plus vos Core Web Vitals sont bons, plus vous aurez de chance d’être bien placé dans les résultats de recherche.

Comment mesurer les Cores Web Vitals de mon site internet ?

Deux principaux outils gratuits qui vous permettent de mesurer les Google Core Web Vitals.

Google Page Speed Insight

Avec l’URL de votre site web, Google Pagespeed Insight vous indique les performances de vos des signaux essentiels sur mobile et sur ordinateur. 

Résultat Google page speed insight

En analysant les performances de “j’optimise mon site”, on constate que tous les voyants sont au vert. En revanche, si les résultats des Core Web Vitals n’étaient pas favorables, un diagnostic est détaillé et des axes d’amélioration vous sont proposés. 

Google Search Console

Analyse URL Google Search Console
Analyse des URL avec Google Search Console

En vous connectant à la  Google Search Console, rendez-vous sur “Signaux Web essentiels” pour obtenir un rapport complet de l’expérience utilisateur. À l’aide du rapport complet, vous pourrez prendre connaissance du nombre de pages à optimiser. 

Comment obtenir de bons signaux Web essentiels ?

La bonne nouvelle c’est que l’ensemble des signaux web essentiels peuvent être facilement améliorés. 

Bien entendu, il est toujours possible de vous lancer dans des petites corrections par vous-même avant de vous faire accompagner. Voici quelques recommandations qui pourraient être à votre portée. 

Optimiser votre Largest Content Paint

Généralement, une page dont le temps de chargement est long comporte des visuels très lourds. Il est essentiel de bien optimiser les images sur son site web. Préférez un format en JPEG et une dimension maximum de 800px de large, pour diminuer leur poids. 

Mon conseil : Recadrer vos visuels avant de les télécharger sur votre back-office ou utilisez une extension telle que « Smush – Lazy Load Images », pour WordPress. 

Des lenteurs d’affichage peuvent aussi être dues à l’offre d’hébergement à laquelle vous avez souscrit. Rapprochez-vous de votre hébergeur pour connaître les solutions plus performantes qu’il peut vous proposer. 

Mon conseil : Faites évoluer votre offre ou migrez vers un serveur dédié.

Améliorer le First Imput Delay

L’action principale à mener est d’utiliser un système de cache sur votre site web. Vous pourrez ainsi vider  les couches de stockage de données grande vitesse qui stocke des informations et alourdissent le temps de chargement. 

Mon conseil : Installez une extension comme « Autoptimize » sur WordPress ou un plug-in tel que « Page Cache Ultimate » sur Prestashop.

Fichiers JSS CSS minifié

Vous pourrez ensuite tenter de réduire la présence de CSS et JavaScript. Ces langages de programmation aident vos pages web à être interactives et plus sexy certes. Néanmoins, l’ajout de code peut grandement affaiblir vos performances. 

Mon conseil : Utilisez un thème léger et minifiez les fichiers JS en supprimant les sauts de lignes. 

Maximiser le Cumulative Layout Shift

Pour obtenir de meilleures performances au niveau du CLS, il est essentiel d’optimiser les dimensions de vos :

  • Bloc de texte,
  • Médias (images, vidéos, diaporama, etc.)
  • Encarts publicitaires

Mon conseil : Réduisez les animations pour favoriser l’expérience de navigation 

Conclusion

Lorsque vous apportez des modifications à votre site web, veilliez à effectuer une analyse de performances Core Web Vitals avec  Google Page Speed ou Google Search Console. Selon les résultats, n’hésitez pas à apporter les améliorations indiquées si dessus. 

Article précédent

L’école digitale 301, un tremplin vers les métiers du digital

Article suivant

Comment choisir le meilleur hébergeur pour votre site professionnel ?

Sébastien BLERIOT

Sébastien BLERIOT

Evoluant en e-commerce depuis plus de 9 ans maintenant, j'ai profité de mes différentes expériences chez Rueducommerce et Next Interactive (BFM TV, RMC, 01net) et ELEGIA Formation pour développer mon expertise de la vente en ligne en B to C et B to B. J'accompagne désormais des e-commerçants dans l'optimisation de leur stratégie e-commerce. Je propose mes services en qualité de consultant mais également en tant que formateur/conférencier.

Vous pourriez également être intéressé par...

SEO : ces outils gratuits pour trouver les bons mots clés
Astuces SEO

SEO : ces outils gratuits pour trouver les bons mots clés

24 mars 2022

Sélectionner les mots clefs pour son site web est tout un art ! Découvrez...

Comment afficher les rich snippets sur toutes vos pages dans les résultats de Google ?
Astuces SEO

Comment afficher les rich snippets sur toutes vos pages dans les résultats de Google ?

8 août 2018

Il y a quelques mois, je vous avais présenté une petite astuce SEO qui...

comment-apprendre-referencement-naturel-seo
Astuces SEO

Comment apprendre le référencement naturel (SEO) ?

21 février 2020

Si vous êtes nouveau sur le web ou une personne avec plus d’expérience, vous...

reduction-visibilite-resultats-faq-google
Astuces SEO

SEO : Google réduit la visibilité des FAQ et des Tutoriels

22 septembre 2023

En SEO, les règles changent au gré des modifications opérées par Google. Alors que...

DERNIERS ARTICLES

Formation TikTok E-commerce : La méthode ULTIME pour percer

Formation TikTok E-commerce : La méthode ULTIME pour percer

7 mai 2025
Comment vendre en ligne ? Les 6 étapes des boutiques à succès

Comment vendre en ligne ? Les 6 étapes des boutiques à succès

7 mai 2025
Cybersécurité du e-commerce en 2025 : risques et solutions

Cybersécurité du e-commerce en 2025 : risques et solutions

29 avril 2025
Obfuscation SEO : avantages, inconvénients & risques

Obfuscation SEO : avantages, inconvénients & risques

3 avril 2025
Pourquoi choisir un cloud souverain pour héberger vos données ?

Pourquoi choisir un cloud souverain pour héberger vos données ?

2 avril 2025

Newsletter

Abonnez-vous à la newsletter de Joptimisemonsite et recevez, chaque semaine, les dernières actualités publiées.

ARTICLES POPULAIRES

btob

Le BtoB, c’est quoi ? Comprendre le B to B en 2min seulement

25 septembre 2024
Dropshipping rentable

5 Exemples de Sites Dropshipping qui cartonnent en 2024 !

1 décembre 2023
wix avis

Wix Avis 2024 – Faut-il (encore) choisir Wix ?

25 septembre 2024
exemple charte graphique

3 superbes exemples de charte graphique à copier en 2024

9 décembre 2023
odoo-avis

Odoo Avis 2024 : faut-il choisir Odoo pour sa PME ?

9 novembre 2023

Le blog e-commerce qui vous aide à vendre plus !

SHOPIFY VS AUTRES CMS

  • Shopify Avis
  • Shopify ou Prestashop
  • Shopify ou Squarespace
  • Shopify ou Wizishop
  • Shopify ou Woocommerce
  • Shopify ou WordPress
  • Shopify ou Wix

WIX VS LES AUTRES CMS

  • Wix ou Jimdo
  • Wix ou Squarespace
  • Wix ou WordPress
  • Wix ou Weebly
  • Wix eCommerce
  • Wix Dropshipping

NEWSLETTER

Abonnez-vous à la newsletter de Joptimisemonsite et recevez, chaque semaine, les dernières actualités publiées.

  • Envie de nous contacter ?
  • Mentions légales et politique de confidentialité

Joptimisemonsite © 2024

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
Aucun résultat
Voir tous les résultats
  • Trucs & Astuces
    • Design
    • Monétisation
    • Divers
  • UX/UI
    • Tests A/B
  • Astuces SEO
  • Dropshipping
  • Débuter en e-commerce
    • Wizishop
    • Prestashop
    • Shopify
    • Wix
    • Solutions de paiement e-commerce
  • Email Marketing

Joptimisemonsite © 2024