{"id":3243977,"date":"2021-04-01T11:25:55","date_gmt":"2021-04-01T09:25:55","guid":{"rendered":"https:\/\/wp-rocket.me\/?p=3243977"},"modified":"2022-05-04T11:05:25","modified_gmt":"2022-05-04T09:05:25","slug":"comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/","title":{"rendered":"Comment tester et am\u00e9liorer les Core Web Vitals de Google pour votre site WordPress ?"},"content":{"rendered":"<p>Vous avez s\u00fbrement entendu parler des \u201cCore Web Vitals\u201d, les nouveaux Signaux Web Essentiels de Google qui verront le jour en mai prochain. Nous allons d\u00e9finir ces trois Core Web Vitals, examiner les outils disponibles pour les mesurer puis expliquer en d\u00e9tail comment ce changement dans l\u2019algorithme Google affectera votre site WordPress dans quelques mois.&nbsp;&nbsp;<\/p><p>L\u2019objectif est de bien interpr\u00e9ter les r\u00e9sultats de chaque m\u00e9trique afin de pouvoir optimiser les trois Core Web Vitals si n\u00e9cessaire. En am\u00e9liorant ces scores, vous assurez ainsi une exp\u00e9rience utilisateur optimale et vous ferez plaisir \u00e0 Google qui vous donnera un boost SEO pour 2021 et les ann\u00e9es \u00e0 venir.<\/p><h2 class=\"wp-block-heading\"><strong>Zoom sur les Core Web Vitals de Google : d\u00e9finition de ces Signaux Web Essentiels<\/strong><\/h2><p>Pour \u00e9valuer l&rsquo;exp\u00e9rience utilisateur d\u2019une page web, Google ajoute trois nouveaux signaux \u00e0 son algorithme : les <strong>Core Web Vitals<\/strong>. Il s&rsquo;agit de trois m\u00e9triques qui mesurent diff\u00e9rents aspects de l\u2019UX pour d\u00e9terminer le positionnement d\u2019un site sur Google. Le g\u00e9ant du web mettait d\u00e9j\u00e0 la vitesse de chargement au c\u0153ur de son analyse SEO, mais ce qui change c\u2019est la corr\u00e9lation directe entre performance d\u2019un site WordPress et exp\u00e9rience utilisateur de haute qualit\u00e9.<br>Pour les utilisateurs, il est primordial de pouvoir acc\u00e9der et interagir avec une page web rapidement. Pour Google aussi il s\u2019agit d\u2019un \u00e9l\u00e9ment important et c\u2019est pr\u00e9cis\u00e9ment ce que les Core Web Vitals vont mesurer.<\/p><p><br>Il y a trois Core Web Vitals \u00e0 conna\u00eetre : le <strong>Largest Contentful Paint<\/strong> (la vitesse de chargement), la <strong>Cumulative Layout Shift <\/strong>(la stabilit\u00e9 visuelle)<strong> <\/strong>et le<strong> First Input Delay <\/strong>(l\u2019interactivit\u00e9).&nbsp;&nbsp;<\/p><p>Selon Google, ces trois m\u00e9triques quantifiables sont essentielles pour apporter une exp\u00e9rience de navigation id\u00e9ale \u00e0 l&rsquo;utilisateur.&nbsp;&nbsp;<\/p><p>Ces d\u00e9nominations complexes peuvent \u00eatre un peu lourdes \u00e0 dig\u00e9rer mais heureusement, WP-Rocket est l\u00e0 pour vous expliquer chacune d\u2019entre elles.&nbsp;<\/p><p>Notre but est simple : nous vous donnons les cl\u00e9s pour comprendre chaque Core Web Vitals et appr\u00e9hender leur impact sur l\u2019exp\u00e9rience utilisateur. Ceci est la premi\u00e8re \u00e9tape pour am\u00e9liorer les scores SEO et la performance de votre site WordPress.<\/p><h3 class=\"wp-block-heading\"><strong>Explication du Largest Contentful Paint (LCP)<\/strong><\/h3><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"224\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/largest-contentful-paint-1.png\" alt=\"\" class=\"wp-image-4340174\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/largest-contentful-paint-1.png 800w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/largest-contentful-paint-1-310x87.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/largest-contentful-paint-1-768x215.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/largest-contentful-paint-1-190x53.png 190w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/largest-contentful-paint-1-321x90.png 321w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><p>Le Largest Contentful Paint (LCP) \u00e9value la performance de chargement pour le contenu le plus pertinent de votre site. En g\u00e9n\u00e9ral, il s\u2019agit de la section Hero dans votre en-t\u00eate ou de l\u2019image de mise en avant.&nbsp;<\/p><p>Selon Google, l\u2019utilisateur per\u00e7oit le site plus lent si le contenu le plus important met du temps \u00e0 charger.&nbsp;<\/p><p><strong>Exemple concret : <\/strong>Vous arrivez sur une page mais vous ne voyez pas l\u2019image de la banni\u00e8re principale s\u2019afficher directement. Frustrant, n\u2019est-ce pas ? Vous pourriez m\u00eame penser \u00e0 quitter le site internet pensant que le reste du contenu va lui aussi mettre du temps \u00e0 charger\u2026 Voil\u00e0 pourquoi Google mise pr\u00e9cis\u00e9ment sur cette m\u00e9trique du Largest Contentful Paint et non sur le temps de chargement de tout le site pour mesurer l\u2019exp\u00e9rience utilisateur.&nbsp;<\/p><p>L\u2019\u00e9l\u00e9ment LCP est diff\u00e9rent pour chaque site internet mais aussi pour la version mobile ou desktop. Il est aussi important de pr\u00e9ciser que le LCP peut \u00eatre aussi bien du texte qu\u2019une image.&nbsp;<\/p><p>A pr\u00e9sent, il est essentiel de d\u00e9couvrir ce qui constitue un bon ou un mauvais temps de chargement du LCP. Google a mis en place trois seuils de calculs pour les pages web :<\/p><ul class=\"wp-block-list\"><li><strong>Good (bon) &#8211; <\/strong>les pages web se chargent en moins de 2,5 secondes&nbsp;<\/li><li><strong>Needs Improvement (besoin d\u2019am\u00e9lioration) &#8211;<\/strong> les pages web se chargent entre 2,5 et 4 secondes&nbsp;<\/li><li><strong>Poor (mauvais) &#8211;<\/strong> les pages web prennent plus de 4 secondes \u00e0 charger<\/li><\/ul><p>NB: Le LCP est tr\u00e8s similaire au <a href=\"https:\/\/wp-rocket.me\/lighthouse-performance-score-wordpress\/improve-first-contentful-paint\/\">First Contentful Paint (FCP)<\/a> qui est une autre m\u00e9trique calcul\u00e9e par PageSpeed Insights.&nbsp;<\/p><p>La diff\u00e9rence est que le LCP mesure le chargement du contenu principal alors que le FCP se concentre sur le \u201cpremier\u201d contenu \u00e0 charger. Ce premier contenu d\u00e9signe par exemple un \u00e9cran de d\u00e9marrage ou un indicateur de chargement de page (ce qui constitue un impact moins important sur l\u2019exp\u00e9rience utilisateur).<\/p><h3 class=\"wp-block-heading\"><strong>Explication de la Cumulative Layout Shift (CLS)&nbsp;<\/strong><\/h3><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"224\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cumulative-layout-shift-1.png\" alt=\"\" class=\"wp-image-4340182\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cumulative-layout-shift-1.png 800w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cumulative-layout-shift-1-310x87.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cumulative-layout-shift-1-768x215.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cumulative-layout-shift-1-190x53.png 190w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cumulative-layout-shift-1-321x90.png 321w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><p><strong>La Cumulative Layout Shift (CLS) <\/strong><em>&#8211; d\u00e9calage de mise en page cumulatif &#8211; <\/em><strong>&nbsp;<\/strong>mesure la stabilit\u00e9 visuelle de l\u2019\u00e9cran.&nbsp; Cette m\u00e9trique calcule si le contenu de la page change de position de fa\u00e7on inattendue pendant et apr\u00e8s son chargement.&nbsp;<\/p><p><strong>Quelques exemples concrets : <\/strong>vous \u00eates sur le point de cliquer sur un lien ou un bouton mais ces \u00e9l\u00e9ments ont chang\u00e9 de place juste apr\u00e8s le chargement de la page. L\u2019exp\u00e9rience utilisateur n\u2019est pas donc pas tr\u00e8s bonne ; c\u2019est ce qu\u2019on appelle un d\u00e9calage du contenu (CLS). M\u00eame chose si vous cliquez accidentellement sur un mauvais bouton qui a chang\u00e9 de place pendant le chargement de la page. Un autre exemple pour illustrer le CLS : \u00eates-vous d\u00e9j\u00e0 all\u00e9s sur un site internet d\u2019actualit\u00e9s o\u00f9 le contenu d\u2019un article bouge ou se d\u00e9cale pendant que les publicit\u00e9s se chargent ? Qui n\u2019a jamais exp\u00e9riment\u00e9 cette frustration de ne pas pouvoir continuer \u00e0 lire tranquillement \u00e0 cause des pubs ? Et bien ceci est \u00e9galement un layout shift et pas besoin de Google pour r\u00e9aliser que c\u2019est une exp\u00e9rience plut\u00f4t d\u00e9sagr\u00e9able pour l\u2019utilisateur.&nbsp;<\/p><p>Voici comment Google d\u00e9finit les scores CLS :&nbsp;<\/p><ul class=\"wp-block-list\"><li><strong>Good (bon) <\/strong>\u2013 Moins de 0,1 seconde<\/li><li><strong>Needs Improvement (besoin d\u2019am\u00e9lioration)<\/strong> \u2013 Moins ou \u00e9gal \u00e0 0,25 seconde<\/li><li><strong>Poor (mauvais) <\/strong>\u2013 Plus de 0,25 seconde<\/li><\/ul><h3 class=\"wp-block-heading\"><strong>Explication du First Input Delay (FID)\u00a0<\/strong><\/h3><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"224\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/first-input-delay-1.png\" alt=\"\" class=\"wp-image-4340189\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/first-input-delay-1.png 800w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/first-input-delay-1-310x87.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/first-input-delay-1-768x215.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/first-input-delay-1-190x53.png 190w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/first-input-delay-1-321x90.png 321w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><p><strong><\/strong>Le First Input Delay (FID) &#8211; <em>premier d\u00e9lai d\u2019entr\u00e9e <\/em>&#8211; mesure le temps entre le moment o\u00f9 un utilisateur interagit avec quelque chose sur votre page (un clic sur un bouton par exemple) et le moment o\u00f9 son navigateur va commencer \u00e0 traiter cette action.&nbsp;<\/p><p><strong>Exemple concret <\/strong>: si vous cliquez sur un bouton pour ouvrir un accordion, combien de temps faudra-t-il au site pour afficher le contenu ?&nbsp;<\/p><p>Le FID est une m\u00e9trique compliqu\u00e9e \u00e0 optimiser car elle d\u00e9pend surtout du JavaScript. Imaginez que vous arriviez sur un site depuis votre mobile et qu\u2019apr\u00e8s avoir cliqu\u00e9 sur un lien, vous n\u2019obteniez pas une r\u00e9ponse imm\u00e9diate du site. Il y a donc un d\u00e9calage entre votre action et le r\u00e9sultat esp\u00e9r\u00e9 qui pourrait \u00eatre caus\u00e9 par un fichier JavaScript trop lourd \u00e0 afficher.<\/p><p>Voici comment Google d\u00e9finit les scores FID:&nbsp;<\/p><ul class=\"wp-block-list\"><li><strong>Good (bon) <\/strong>\u2013 Moins ou \u00e9gal \u00e0 100 ms&nbsp;<\/li><li><strong>Needs Improvement (besoin d\u2019am\u00e9lioration)<\/strong> \u2013 Moins ou \u00e9gal \u00e0 300ms&nbsp;<\/li><li><strong>Poor (mauvais) <\/strong>\u2013 Plus de 300 ms<br><\/li><\/ul><h2 class=\"wp-block-heading\"><strong>Est-ce que les Core Web Vitals affectent le r\u00e9f\u00e9rencement SEO ?<\/strong><\/h2><p>\ud83d\udcc5 En mai 2021, Google va commencer \u00e0 utiliser les Core Web Vitals comme facteurs cl\u00e9s dans le r\u00e9f\u00e9rencement des sites web. Ces m\u00e9triques seront donc d\u00e9terminantes pour votre positionnement sur Google.&nbsp; Les Core Web Vitals seront partie int\u00e9grante <a href=\"https:\/\/wp-rocket.me\/fr\/blog\/mise-a-jour-de-la-google-page-experience-bien-preparer-son-site-wordpress\/\">des 5 signaux webs qui vont venir d\u00e9finir l\u2019exp\u00e9rience utilisateur<\/a>. On retrouve parmi ces signaux la s\u00e9curit\u00e9 https, la navigation s\u00e9curis\u00e9e, l\u2019optimisation mobile et un contr\u00f4le des pop-ups intempestives.&nbsp;<\/p><p>Les Core Web Vitals vont non seulement affecter le r\u00e9f\u00e9rencement naturel sur mobile et desktop mais ils vont aussi \u201cd\u00e9cider\u201d si votre site va appara\u00eetre dans les Top Stories Google. Auparavant, votre site devait simplement utiliser le format AMP pour \u00eatre affich\u00e9 dans les Top Stories. Et bien cela ne suffira plus apr\u00e8s Mai 2021 et il faudra <em>\u00e9galement <\/em>avoir un bon score dans les Core Web Vitals. De plus, il semble que <a href=\"https:\/\/www.searchenginejournal.com\/google-all-core-web-vitals-must-be-met-for-ranking-boost\/\">tous les Core Web Vitals devront \u00eatre optimis\u00e9s<\/a> pour am\u00e9liorer le r\u00e9f\u00e9rencement naturel et que Google pourrait aussi <a href=\"https:\/\/www.seroundtable.com\/google-core-web-vitals-noindexed-pages-30906.html\">noter les pages non index\u00e9es.<\/a><\/p><p>En r\u00e9sum\u00e9 : si votre performance SEO est essentielle pour vous et votre business, alors il est indispensable d\u2019optimiser le score de vos Core Web Vitals.&nbsp;<\/p><h2 class=\"wp-block-heading\"><strong>Comment tester et mesurer les Core Web Vitals sur WordPress ?<\/strong><\/h2><p>Vous pouvez tester et mesurer les Core Web Vitals gr\u00e2ce aux outils Google pour les d\u00e9veloppeurs : PageSpeed Insights, Chrome DevTools, le CrUX report (<em>rapport sur l\u2019exp\u00e9rience utilisateur de Chrome<\/em>) et bien plus encore.&nbsp;<\/p><p>Comme vous pouvez le voir sur l\u2019image ci-dessous, les outils Google mesurent bien les 3 m\u00e9triques \u00e0 l\u2019exception de Chrome DevTools et Lighthouse.&nbsp;<\/p><p>Ces deux derniers utilisent le Total Blocking Time comme remplacement du First Input Delay. En fait, le FID peut seulement \u00eatre mesur\u00e9 avec des donn\u00e9es r\u00e9elles qui sont pr\u00e9sentes sur le terrain (les Fields data). Or, les r\u00e9sultats donn\u00e9s par Lighthouse sont bas\u00e9s sur des donn\u00e9es virtuelles de laboratoire (les Labs data).<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1304\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/Vitals-Tools.png\" alt=\"\" class=\"wp-image-4340198\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/Vitals-Tools.png 2048w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/Vitals-Tools-306x195.png 306w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/Vitals-Tools-768x489.png 768w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure><p><em>R\u00e9capitulatif des outils Google pour mesurer les Core Web Vitals<br><br><\/em>Si vous pr\u00e9f\u00e9rez utiliser un autre outil de performance comme GTmetrix ou WebPageTest, sachez que leurs analyses reposent sur la technologie de Lighthouse. Aussi, gardez en t\u00eate que ces deux outils vous donnent <strong>seulement <\/strong>le score du Largest Contentful Paint (temps de chargement du contenu important) et du Cumulative Layour Shift (la stabilit\u00e9 visuelle de l\u2019\u00e9cran pendant le chargement.)<\/p><p>Vous vous demandez peut-\u00eatre pourquoi le troisi\u00e8me m\u00e9trique &#8211; First Input Delay &#8211; ne peut pas \u00eatre calcul\u00e9 avec les deux outils mentionn\u00e9s ci-dessus ? Le FID est mesur\u00e9 avec des <strong>donn\u00e9es r\u00e9elles<\/strong> bas\u00e9es sur de <strong>vraies interactions <\/strong>entre les utilisateurs et le site web concern\u00e9. Or, ces deux dispositifs utilisent Lighthouse avec des donn\u00e9es dites de \u201claboratoires\u201d qui sont bas\u00e9es sur des statistiques.<\/p><p>A pr\u00e9sent, passons en revue deux des outils les plus utilis\u00e9s : PageSpeed Insights et la Search Console. Le premier vous aide \u00e0 d\u00e9tecter les probl\u00e8mes page par page alors que le second vous fera un diagnostic global de votre site WordPress.&nbsp;<\/p><h3 class=\"wp-block-heading\"><strong>Comment tester et mesurer les Core Web Vitals avec PageSpeed Insights<\/strong><\/h3><p>La mani\u00e8re la plus simple de tester vos pages WordPress est d\u2019utiliser <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">Google Page Speed Insights<\/a>. Cet outil vous donne le score des trois Core Web Vitals accompagn\u00e9 de recommandations sp\u00e9cifiques pour am\u00e9liorer chacune des trois m\u00e9triques. La section \u201cDiagnostics\u201d sera d\u2019ailleurs votre meilleure alli\u00e9e pour optimiser vos scores.<\/p><p>Le principe est simple : mettez l\u2019URL de votre site dans le champ de recherche et vous verrez appara\u00eetre le score de vos Core Web Vitals dans les sections Field Data (bas\u00e9s sur le CrUX report) et Lab Data (bas\u00e9s sur Lighthouse 6.0).&nbsp;<\/p><p>Les trois m\u00e9triques ont un score acceptable par Google si un ruban bleu appara\u00eet \u00e0 c\u00f4t\u00e9 de chaque donn\u00e9e :<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"948\" height=\"789\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/wp-rocket-pagespeed-score.png\" alt=\"\" class=\"wp-image-4340205\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/wp-rocket-pagespeed-score.png 948w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/wp-rocket-pagespeed-score-234x195.png 234w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/wp-rocket-pagespeed-score-768x639.png 768w\" sizes=\"(max-width: 948px) 100vw, 948px\" \/><\/figure><p>Quelques point importants sur l\u2019interpr\u00e9tation des scores:&nbsp;<\/p><ul class=\"wp-block-list\"><li><strong>Les scores des Core Web Vitals peuvent \u00eatre l\u00e9g\u00e8rement diff\u00e9rents si l\u2019on regarde les Field data (donn\u00e9es de terrain) et les Lab data (donn\u00e9es de laboratoire)<\/strong>. Dans l\u2019image ci-dessus, le LCP est de 2,7 dans les donn\u00e9es de terrain contre 2,5 dans les donn\u00e9es de laboratoire.&nbsp; Tout d\u00e9pend de la mani\u00e8re dont sont collect\u00e9es les donn\u00e9es.&nbsp;<\/li><\/ul><ul class=\"wp-block-list\"><li><strong>Ce n\u2019est pas un probl\u00e8me s\u2019il n\u2019y a pas de donn\u00e9es de terrains pour faire un test. <\/strong>Il se peut tout simplement qu\u2019il n\u2019y ait pas assez de donn\u00e9es bas\u00e9es sur de vrais utilisateurs. Ceci ne va pas impacter vos Core Web Vitals car PageSpeed Insights prendra simplement en compte les donn\u00e9es de laboratoire pour calculer les r\u00e9sultats. Enfin, si vous vous demandez pourquoi le First Input Delay n\u2019est pas affich\u00e9 dans les donn\u00e9es de laboratoire, vous aurez la r\u00e9ponse dans quelques instants.&nbsp;<\/li><\/ul><ul class=\"wp-block-list\"><li><strong>V\u00e9rifiez toujours les r\u00e9sultats mobile et desktop. <\/strong>Vos Core Web Vitals seront presque toujours diff\u00e9rents en fonction de l\u2019appareil utilis\u00e9. Nous pr\u00e9conisons de privil\u00e9gier surtout <a href=\"https:\/\/wp-rocket.me\/fr\/blog\/pourquoi-score-pagespeed-est-important\/#section-6\">l\u2019optimisation du score mobile car c\u2019est le plus <\/a>difficile \u00e0 ma\u00eetriser.<br><\/li><\/ul><p>Voyons \u00e0 pr\u00e9sent comment utiliser PageSpeed Insights pour identifier les Core Web Vitals qui ont besoin d\u2019\u00eatre am\u00e9lior\u00e9s.<\/p><h3 class=\"wp-block-heading\"><strong>Analyse du Largest Contentful Paint avec PageSpeed Insights<\/strong><\/h3><p>Comme vu pr\u00e9c\u00e9demment, le score LCP correspond au temps de chargement du contenu le plus important sur votre site WordPress.<\/p><p>Pour conna\u00eetre votre score, il suffit de regarder la section \u201cDiagnostic\u201d et d\u2019agrandir l\u2019onglet \u201cLCP\u201d. Dans cet onglet, Google affiche le code HTML utilis\u00e9 pour d\u00e9finir le LCP. Cela vous permet de savoir quel est le contenu consid\u00e9r\u00e9 comme&nbsp; \u201cimportant\u201d par Google.&nbsp;<\/p><p>Par exemple, sur la version <strong>desktop <\/strong>de la page d\u2019accueil de wordpress.org, le LCP est une image :\u00a0\u00a0<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"486\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/google-core-web-vitals-2-lcp-element-desktop.png\" alt=\"\" class=\"wp-image-4340213\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/google-core-web-vitals-2-lcp-element-desktop.png 800w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/google-core-web-vitals-2-lcp-element-desktop-310x188.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/google-core-web-vitals-2-lcp-element-desktop-768x467.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><p><em>L\u2019\u00e9l\u00e9ment LCP sur le desktop (ordinateur) \u2013 PageSpeed Insights<\/em><\/p><p>En revanche, depuis le mobile, le LCP est le sous-titre de la page :\u00a0<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"501\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/LCP-mobile-CWV.png\" alt=\"\" class=\"wp-image-4340219\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/LCP-mobile-CWV.png 800w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/LCP-mobile-CWV-310x195.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/LCP-mobile-CWV-768x481.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><p><em>L\u2019\u00e9l\u00e9ment LCP si on acc\u00e8de le site depuis le mobile&nbsp; \u2013 PageSpeed Insights<\/em><\/p><h2 class=\"wp-block-heading\"><strong>Analyse du Cumulative Layout Shift avec PageSpeed Insights<\/strong><\/h2><p>Le Cumulative Layout Shift montre comment votre site charge et si votre contenu bouge dans tous les sens pendant ce m\u00eame temps de chargement.&nbsp;<\/p><p>Afin d\u2019identifier chaque \u00e9l\u00e9ment qui pose probl\u00e8me et affecte votre score, allez dans la section \u201cDiagnostic\u201d et agrandissez l\u2019onglet \u201cEvitez les changements de mise en page importants\u201d.<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"690\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/google-core-web-vitals-4-cumulative-layout-shift.png\" alt=\"\" class=\"wp-image-4340226\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/google-core-web-vitals-4-cumulative-layout-shift.png 800w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/google-core-web-vitals-4-cumulative-layout-shift-226x195.png 226w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/google-core-web-vitals-4-cumulative-layout-shift-768x662.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/google-core-web-vitals-4-cumulative-layout-shift-70x60.png 70w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/google-core-web-vitals-4-cumulative-layout-shift-104x90.png 104w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><p><em>Les \u00e9l\u00e9ments CLS \u2013 PageSpeed Insights<\/em><\/p><h3 class=\"wp-block-heading\"><strong>Analyse du First Input Delay et Total Blocking Time avec PageSpeed Insights<\/strong><\/h3><p>Le First Input Delay d\u00e9finit l\u2019interaction entre l\u2019utilisateur et votre site WordPress. Si vous vous rappelez bien, le FID mesure le temps de r\u00e9ponse d\u2019une page lorsque le visiteur r\u00e9alise une action (cliquer sur un lien ou un bouton, par exemple.)&nbsp;<\/p><p>C\u2019est pourquoi le FID est bas\u00e9 sur des donn\u00e9es r\u00e9elles et non statistiques comme celles pr\u00e9sentes dans les donn\u00e9es de laboratoire (Lab data).&nbsp;<\/p><p>Donc vous verrez le score FID dans les donn\u00e9es de terrains <strong>uniquement<\/strong> si le CrUX (rapports UX) a pu collecter assez de donn\u00e9es provenant d\u2019utilisateurs r\u00e9els.<\/p><p>Dans les donn\u00e9es de laboratoire, le Total Blocking Time (TBT) peut remplacer le FID car ces deux crit\u00e8res sont quasiment identiques.&nbsp;<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"264\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/TBT.png\" alt=\"\" class=\"wp-image-4340235\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/TBT.png 683w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/TBT-310x120.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/TBT-155x60.png 155w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/TBT-233x90.png 233w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/><\/figure><p>Bon \u00e0 savoir : si vous am\u00e9liorez votre Total Blocking Time, vous avez de grandes chances d\u2019am\u00e9liorer votre score FID.&nbsp;<\/p><p>Que faire si vous obtenez un mauvais score TBT ? Allez \u00e0 la section \u201cDiagnostic\u201d et ouvrez l\u2019onglet \u201cr\u00e9duire au maximum l\u2019utilisation de code tiers\u201d. Ici vous verrez ce qu\u2019il faut minimiser en terme de ressources provenant d\u2019une application tierce. Si vous ne voyez pas ce probl\u00e8me de performance dans la cat\u00e9gorie \u201cDiagnostic\u201d mais que vous le voyez dans \u201cAudits r\u00e9ussis\u201d, alors f\u00e9licitations, vous n\u2019avez pas besoin d\u2019optimiser !<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"675\" height=\"306\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/minimize-thirdy-party.png\" alt=\"\" class=\"wp-image-4340244\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/minimize-thirdy-party.png 675w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/minimize-thirdy-party-310x141.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/minimize-thirdy-party-132x60.png 132w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/minimize-thirdy-party-199x90.png 199w\" sizes=\"(max-width: 675px) 100vw, 675px\" \/><\/figure><h3 class=\"wp-block-heading\"><strong>Comment interpr\u00e9ter les scores des Core Web Vitals sur la Google Search Console ?&nbsp;<\/strong><\/h3><p>Si vous souhaitez plut\u00f4t r\u00e9aliser un audit global de votre site, alors la Google Search Console est faite pour vous ! Les r\u00e9sultats sont calcul\u00e9s en utilisant les donn\u00e9es de vrais utilisateurs (<em>les donn\u00e9es proviennent du CrU<\/em>X). C\u2019est pour cette raison, que les donn\u00e9es pr\u00e9sent\u00e9es dans le rapport final peuvent \u00eatre un peu longues \u00e0 charger. Si tel est le cas, alors tournez-vous plut\u00f4t vers les donn\u00e9es de laboratoire de LightHouse.&nbsp;<\/p><p>Ceci dit, le rapport des Core Web Vitals constitue un bon moyen d\u2019identifier les diff\u00e9rentes pages sur mobile et desktop qui m\u00e9ritent d\u2019\u00eatre optimis\u00e9es.\u00a0<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1506\" height=\"781\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/CWV-SC-Console-report.png\" alt=\"\" class=\"wp-image-4340250\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/CWV-SC-Console-report.png 1506w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/CWV-SC-Console-report-310x161.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/CWV-SC-Console-report-768x398.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/CWV-SC-Console-report-116x60.png 116w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/CWV-SC-Console-report-174x90.png 174w\" sizes=\"(max-width: 1506px) 100vw, 1506px\" \/><\/figure><p><em>Le rapport des Core Web Vitals dans la Search Console \u2013 Vue d\u2019ensemble<br><br><\/em><\/p><p>En consultant le rapport vous trouverez un onglet \u201cDetails\u201d qui regroupe la performance de chaque URL en fonction de plusieurs crit\u00e8res :&nbsp;<\/p><ul class=\"wp-block-list\"><li>Le statut global (Poor &#8211; Need improvement &#8211; Good)<\/li><li>Le type de m\u00e9trique (par exemple les probl\u00e8mes CLS : plus de 0.25 pour le desktop)<\/li><li>Le groupe d\u2019URL (la liste d\u2019URL qui ont une performance similaire)<\/li><\/ul><p>Une fois que vous avez optimis\u00e9 vos URLs, cliquez sur la colonne de \u201cValidation\u201d puis sur le bouton \u201cValidation Fix\u201d pour que Google analyse vos am\u00e9liorations. Il faut parfois compter jusqu\u2019\u00e0 deux semaines pour que Google approuve tous vos changements, un petit peu de patience est n\u00e9cessaire.\u00a0<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"393\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/SC-Console-2.png\" alt=\"\" class=\"wp-image-4340259\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/SC-Console-2.png 512w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/SC-Console-2-254x195.png 254w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/SC-Console-2-78x60.png 78w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/SC-Console-2-117x90.png 117w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><h3 class=\"wp-block-heading\"><strong>Comment mesurer les Core Web Vitals avec les extensions de Google Chrome ?&nbsp;<\/strong><\/h3><p>Si vous \u00eates \u00e0 la recherche d\u2019une bonne extension Chrome, nous vous conseillons <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-vitals\/ahfhijdlegdabablpippeagghigmibma?hl=en\"><strong>Web Vitals<\/strong><\/a>. L\u2019extension vous donne le score des Core Web Vitals pour la page que vous \u00eates en train de parcourir :<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"447\" height=\"268\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/web-vitals-extension.png\" alt=\"\" class=\"wp-image-4340270\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/web-vitals-extension.png 447w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/web-vitals-extension-310x186.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/web-vitals-extension-100x60.png 100w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/web-vitals-extension-150x90.png 150w\" sizes=\"(max-width: 447px) 100vw, 447px\" \/><\/figure><p>Il existe aussi l\u2019extension <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/core-serp-vitals\/oipmhlkineglclpndlecjmbleapbcilf?hl=en\"><strong>CORE Serp Vitals<\/strong><\/a>, qui montre le score des Core Web Vitals directement sur les SERPs (search engine result pages). Il vous faut une cl\u00e9 API de Chrome UX pour acc\u00e9der aux r\u00e9sultats.<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"610\" height=\"146\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cwv-extension-2.png\" alt=\"\" class=\"wp-image-4340277\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cwv-extension-2.png 610w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cwv-extension-2-310x74.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cwv-extension-2-190x45.png 190w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cwv-extension-2-376x90.png 376w\" sizes=\"(max-width: 610px) 100vw, 610px\" \/><\/figure><p><em>Les Core Web Vitals mesur\u00e9s dans les SERPs avec l\u2019extension CORE Serp Vitals&nbsp;<\/em><\/p><h2 class=\"wp-block-heading\"><strong>Comment am\u00e9liorer le score de vos Core Web Vitals sur WordPress ?&nbsp;<\/strong><\/h2><p>Nous y sommes. Que faire <strong>concr\u00e8tement<\/strong> si vos trois m\u00e9triques n\u2019atteignent&nbsp; pas les recommandations de Google ? Comment optimiser votre site WordPress dans le but d\u2019am\u00e9liorer absolument vos scores ?&nbsp;<\/p><p>Les strat\u00e9gies sont diff\u00e9rentes pour chaque m\u00e9trique. La plupart des optimisations impliquent de suivre les meilleures pratiques en la mati\u00e8re, mais il y a tout de m\u00eame quelques points \u00e0 souligner.&nbsp;<\/p><h3 class=\"wp-block-heading\"><strong>Comment am\u00e9liorer le Largest Contentful Pain (LCP) sur WordPress ?<\/strong><\/h3><p>Cette optimisation de la performance est la plus simple puisqu\u2019elle repose sur les meilleures pratiques pr\u00e9conis\u00e9es par WordPress :<\/p><ul class=\"wp-block-list\"><li><strong>Configurez vos pages avec un plugin de cache.<\/strong> <a href=\"https:\/\/wp-rocket.me\/fr\/blog\/mise-en-cache-wordpress-2\/\"><strong>La mise en cache<\/strong><\/a><strong> <\/strong>de vos pages acc\u00e9l\u00e8re le temps de r\u00e9ponse du serveur (TTFB). Premi\u00e8re bonne nouvelle, notre plugin WP-Rocket active ce cache automatiquement.&nbsp;<\/li><\/ul><ul class=\"wp-block-list\"><li><strong>Optimisez le cache de votre navigateur.<\/strong> N\u2019oubliez pas d\u2019activer les bonnes options pour les fichiers statiques que votre navigateur garde dans son cache. En faisant ceci, vous allez r\u00e9gler l\u2019un des probl\u00e8mes pr\u00e9sents dans la partie diagnostic de PageSpeed Insights :&nbsp; \u201cUtiliser des r\u00e8gles de cache efficaces sur les \u00e9l\u00e9ments statiques\u201d. Vous ne savez pas comment faire ces r\u00e9glages ? Pas de probl\u00e8me : WP Rocket le fait pour vous.&nbsp;<\/li><\/ul><ul class=\"wp-block-list\"><li><strong>Optimisez vos images pour le web. <\/strong>Vous verrez que la plupart du temps, votre LCP (contenu le plus important \u00e0 charger) sera une image. Du coup, en <a href=\"https:\/\/wp-rocket.me\/blog\/image-optimization-wordpress\/\">optimisant vos visuels<\/a>, vous r\u00e9glez les probl\u00e8mes mentionn\u00e9s dans le diagnostic de PageSpeed comme : \u201cdimensionnez correctement les images\u201d, \u201cencodez les images de mani\u00e8re efficace\u201d, \u201cdiffusez des images aux formats nouvelle g\u00e9n\u00e9ration\u201d ou encore \u201cdiff\u00e9rez le chargement des images hors \u00e9cran\u201d. Pensez \u00e0 <a href=\"https:\/\/imagify.io\/fr\">Imagify<\/a> pour optimiser vos images automatiquement sur WordPress et rendre votre site plus rapide que l\u2019\u00e9clair.&nbsp;<\/li><\/ul><ul class=\"wp-block-list\"><li><strong>Optimisez votre code.<\/strong> Si vous avez du CSS ou des fichiers JS inutiles, alors votre site ralentira et retardera le chargement de votre contenu principal. Pour rem\u00e9dier \u00e0 cette consommation excessive de ressources vous devez vous concentrez sur la section suivante :&nbsp; \u201c\u00e9liminez les ressources qui bloquent le rendu\u201d. Minimisez les fichiers JS et CSS (d\u2019ailleurs, enlevez compl\u00e8tement le CSS que nous n\u2019utilisez pas.) En nettoyant votre code, vous allez r\u00e9soudre le diagnostic pos\u00e9 par Google qui correspond \u00e0 la section \u201c\u00e9vitez de cr\u00e9er des cha\u00eenes de requ\u00eates critiques\u201d. Une fois de plus, la plupart de ces optimisations peuvent \u00eatre faites automatiquement depuis l\u2019onglet \u201cOptimisation des fichiers\u201d dans le tableau de bord de WP Rocket.&nbsp;<\/li><\/ul><ul class=\"wp-block-list\"><li><strong>Compressez vos fichiers au niveau du serveur.<\/strong> En utilisant Gzip ou Brotli vous allez r\u00e9duire la taille du fichier de votre site WordPress. Par cons\u00e9quent, le score LCP sera meilleur et le probl\u00e8me \u201cactiver la compression de texte\u201c venant de PageSpeed sera r\u00e9gl\u00e9. Si vous n\u2019\u00eates pas familier avec Gzip ou Brotli, sachez que WP Rocket <a href=\"https:\/\/docs.wp-rocket.me\/article\/63-enable-gzip-compression\">active automatiquement la compression Gzip<\/a>.&nbsp;&nbsp;<\/li><\/ul><ul class=\"wp-block-list\"><li><strong>Utilisez \u201cPreconnect\u201d (pr\u00e9-chargement) pour les ressources importantes.&nbsp; <\/strong>Cela consiste \u00e0 anticiper les actions des utilisateurs et \u00e0 pr\u00e9parer le contenu de votre site dont ils <em>pourraient<\/em> avoir besoin avant d&rsquo;en avoir <em>r\u00e9ellement<\/em> besoin. WP Rocket utilise Preconnect pour effectuer une recherche pr\u00e9coce aupr\u00e8s des domaines tiers importants. Nous avons un <a href=\"https:\/\/wp-rocket.me\/blog\/preload-prefetch-preconnect-speed-site-browser-resource-hints\/#section-2\">tutoriel d\u00e9di\u00e9<\/a> pour mieux comprendre ces r\u00e9glages.&nbsp;<\/li><\/ul><ul class=\"wp-block-list\"><li><strong>Utilisez un \u201ccontent delivery network\u00a0\u00bb (CDN) pour les audiences internationales. <\/strong>Si vous avez des visiteurs internationaux, alors un CDN est essentiel pour rendre votre site accessible rapidement depuis le monde entier. Par cons\u00e9quent, le CDN va booster votre score LCP ! C\u2019est aussi une autre mani\u00e8re efficace de r\u00e9duire le TTFB (temps que le navigateur doit attendre avant de recevoir les premi\u00e8res donn\u00e9es du serveur). Encore une bonne nouvelle, chez WP Rocket nous avons aussi <a href=\"https:\/\/wp-rocket.me\/fr\/rocketcdn\/\">notre propre syst\u00e8me de CDN premium : RocketCDN<\/a>.<\/li><\/ul><p><a href=\"https:\/\/wp-rocket.me\/fr\/fonctionnalites\/\">Une des fa\u00e7ons les plus simples d\u2019impl\u00e9menter toutes ces <em>best-practices<\/em> est de choisir WP Rocket pour votre site WordPress<\/a>. Notre plugin de cache fait tous les r\u00e9glages lui-m\u00eame d\u00e8s son activation : mise en cache des pages, compression au niveau du serveur,&nbsp; optimisation du code et de la performance.&nbsp; En rendant votre site plus rapide avec WP Rocket, vous r\u00e9pondez pr\u00e9sent \u00e0 un bon score LCP qui est l\u2019un des crit\u00e8res essentiels de Google pour calculer l\u2019exp\u00e9rience utilisateur.<\/p><h3 class=\"wp-block-heading\"><strong>Comment am\u00e9liorer le Cumulative Layout Shift (CLS) sur WordPress ?<\/strong><\/h3><p>Optimiser le CLS (stabilit\u00e9 visuelle) est un peu plus complexe car la m\u00e9trique repose en majorit\u00e9 sur le code de votre site WordPress.&nbsp;<\/p><p>Les probl\u00e8mes (et solutions !) les plus courant.e.s sont les suivant.e.s :&nbsp;<\/p><ul class=\"wp-block-list\"><li><strong>Images et photos sans dimensions <\/strong>&#8211; lorsque vous t\u00e9l\u00e9versez des images dans le tableau de bord, WordPress ajoute les dimensions pour vous. Alors attention, v\u00e9rifiez bien que la taille soit la bonne si vous ajoutez vos images manuellement dans le code. Ainsi vous r\u00e9pondez \u00e0 la best-practice suivante :&nbsp; \u201cLes \u00e9l\u00e9ments d&rsquo;image poss\u00e8dent une width et une height explicites\u201d.<\/li><li><strong>Pubs, embeds (contenus int\u00e9gr\u00e9s) et iframes sans dimensions explicites <\/strong>\u2013 exactement comme les images : charger des contenus int\u00e9gr\u00e9s sans avoir pr\u00e9cis\u00e9 les dimensions peut causer des probl\u00e8mes. Essayez de toujours <a href=\"https:\/\/www.w3schools.com\/tags\/att_iframe_height.asp\">sp\u00e9cifier les dimensions<\/a> pour ce type de contenu. Si vous affichez des publicit\u00e9s, alors <a href=\"https:\/\/developers.google.com\/publisher-tag\/guides\/minimize-layout-shift\">r\u00e9servez un espace<\/a> pour chacune d\u2019entre elles.&nbsp;&nbsp;<\/li><li><strong>Les polices pour le web (FOIT\/FOUS) <\/strong>\u2013 si vous utilisez des polices personnalis\u00e9es lentes \u00e0 charger, alors il peut y avoir des probl\u00e8mes de performance que l\u2019on appelle FOIT (Flash of Invisible Texto) et FOUT (Flash of Unstyled Text). La best-practice sur PageSpeed est que \u201cLa totalit\u00e9 du texte reste visible pendant le chargement des polices Web\u201d. Pour <a href=\"https:\/\/wp-rocket.me\/blog\/font-preloading-best-practices\/\">rem\u00e9dier \u00e0 ce probl\u00e8me il existe le font preloading<\/a>, qui consiste \u00e0 pr\u00e9charger la police. Si vous avez besoin d\u2019aide, gardez en t\u00eate que WP Rocket optimise automatiquement les polices Google. Pour les autres polices, le plugin vous aide aussi en minimisant le CSS \u2014 comme vu pr\u00e9c\u00e9demment dans la section \u201ccomment am\u00e9liorer le LCP\u201d (en optimisant le code).<\/li><li><strong>Contenu inject\u00e9 dynamiquement &nbsp; <\/strong>\u2013 n&rsquo;injectez pas de contenu dynamique par-dessus du contenu existant, sauf s&rsquo;il s&rsquo;agit d&rsquo;une r\u00e9ponse \u00e0 l&rsquo;action d&rsquo;un utilisateur.<\/li><\/ul><h3 class=\"wp-block-heading\"><strong>Comment am\u00e9liorer le First Input Delay (FID) sur WordPress ?<\/strong><\/h3><p>Optimiser le FID est le plus \u00e9pineux car cette m\u00e9trique repose enti\u00e8rement sur le code. Plus pr\u00e9cis\u00e9ment, il faut limiter les ex\u00e9cutions lourdes de JavaScript pour que le navigateur puisse r\u00e9pondre aux actions des utilisateurs rapidement.<br><br>\u00c9tape 1 : \u00e9liminez tout le JavaScript qui n\u2019est pas n\u00e9cessaire.<br><\/p><p>En faisant cela, vous r\u00e9pondez aux best-practices de Google qui sont les suivantes : \u201cr\u00e9duisez la taille des ressources JavaScript\u201c, \u201csupprimez les ressources JavaScript inutilis\u00e9es\u201d ou encore respectez le \u201dd\u00e9lai d&rsquo;ex\u00e9cution de JavaScript\u201d. Une fois de plus, WP Rocket peut vous aider dans <a href=\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-7\/#section-2\">le d\u00e9lai d&rsquo;ex\u00e9cution du JavaScript<\/a> et \u00e9viter ainsi le \u201clazy loading\u201d.&nbsp;<\/p><p>Bon \u00e0 savoir : Les m\u00e9triques LCP et FID sont \u00e9troitement li\u00e9es. Pour avoir un bon score LCP il faut optimiser le code et les images, utiliser la compression des fichiers au niveau du serveur et utiliser Preconnect pour les ressources importantes. En optimisant tous ces \u00e9l\u00e9ments, vous allez de facto am\u00e9liorer votre score FID.&nbsp;<\/p><p>En r\u00e8gle g\u00e9n\u00e9rale, am\u00e9liorer le FID n\u2019est pas forc\u00e9ment une partie de plaisir si vous n\u2019\u00eates pas d\u00e9veloppeur. Dans ce cas, WP Rocket vous fait gagner du temps et de l\u2019\u00e9nergie. Pour les curieux, Google <a href=\"https:\/\/web.dev\/optimize-fid\/\">a un tr\u00e8s bon tutoriel<\/a> qui explique chaque partie \u00e0 optimiser pour obtenir un bon score FID.&nbsp;<\/p><h2 class=\"wp-block-heading\"><strong>4 conseils pour booster la performance de votre site WordPress si les Core Web Vitals ne s\u2019am\u00e9liorent pas<\/strong><\/h2><p>Que faire si vous commencez \u00e0 appliquer les recommandations de PageSpeed \u200b\u200bInsights mais que vos Core Web Vitals ne sont pas aussi bons que pr\u00e9vu ? Dans ce cas, am\u00e9liorez plut\u00f4t votre performance WordPress gr\u00e2ce aux solutions ci-dessous :&nbsp;<\/p><ul class=\"wp-block-list\"><li><strong>Choisissez un h\u00e9bergeur performant. <\/strong>L\u2019h\u00e9bergement influence la vitesse de r\u00e9ponse du serveur, ce qui joue un r\u00f4le important dans le score LCP. Par exemple, si vous utilisez un h\u00e9bergement mutualis\u00e9, consid\u00e9rez peut-\u00eatre \u00e0 <a href=\"https:\/\/wp-rocket.me\/blog\/shared-vs-vps-vs-dedicated-vs-cloud-hosting\/#section-3\">switcher vers un h\u00e9bergement d\u00e9di\u00e9<\/a> pour obtenir une meilleure performance.&nbsp;<\/li><\/ul><ul class=\"wp-block-list\"><li><strong>Ne n\u00e9gligez pas l\u2019optimisation des images. <\/strong>Nous avons d\u00e9j\u00e0 mentionn\u00e9 plus haut comment cette am\u00e9lioration affecte les scores LCP et FID. Ces deux m\u00e9triques font partie int\u00e9grante de la note globale \u00e9tablie par PageSpeed Insights , donc pas d\u2019impasse !&nbsp;<\/li><\/ul><ul class=\"wp-block-list\"><li><strong>Utilisez seulement des plugins l\u00e9gers et essentiels pour votre site WordPress. Pensez aussi \u00e0 optimiser leur performance dans la section des r\u00e9glages. <\/strong>La majorit\u00e9 des sites WordPress ont tendance \u00e0 avoir trop d\u2019extensions install\u00e9es. Ceci a un impact sur le frontend \u00e0 cause des fichiers JavaScript \u00e0 charger et comme vous le savez, de lourds fichiers JS nuisent \u00e0 la performance de votre site. Par exemple, disons que votre site utilise un plugin de formulaire de contact. M\u00eame si le plugin est utilis\u00e9 sur une seule page, il va tout de m\u00eame charger le CSS et les fichiers JS sur l\u2019ensemble du site.<br>Alors comment utiliser une extension sur une seule et unique page ? Il existe deux plugins assez populaires : <a href=\"https:\/\/fr.wordpress.org\/plugins\/wp-asset-clean-up\/\">Asset CleanUp<\/a> et <a href=\"https:\/\/perfmatters.io\/docs\/disable-scripts-per-post-page\/\">Perfmatters<\/a> (Script Manager feature). Avec eux, vous pouvez dire au revoir aux probl\u00e8mes de JavaScript !&nbsp;<\/li><li><strong>Tirez profit de votre constructeur de page.<\/strong> Votre constructeur de page peut \u00e9galement vous aider \u00e0 g\u00e9rer l&rsquo;optimisation de vos fichiers. Contactez le support ou consultez la documentation technique qui est le plus souvent une mine d\u2019or d\u2019information.<\/li><\/ul><p><strong>Optimisez vos Core Web Vitals sur WordPress d\u00e8s aujourd\u2019hui<\/strong><br>Maintenant que vous \u00eates familiers avec les Core Web Vitals, il est temps d\u2019optimiser vos scores et de booster la performance de votre site WordPress. Attendez, vous n\u2019\u00eates pas encore client chez WP Rocket ? <a href=\"https:\/\/wp-rocket.me\/fr\/offres\/\">Arr\u00eatez de perdre du temps et laissez WP Rocket travailler pour vous<\/a>.&nbsp;<\/p><p>WP Rocket applique automatiquement 80% des best-practices Google li\u00e9es \u00e0 la performance. Vous n\u2019avez rien \u00e0 faire \u00e0 part observer vos Core Web Vitals s\u2019optimiser comme par magie. Et surtout, plus besoin de g\u00e9rer plusieurs plugins pour la performance et la vitesse puisque WP Rocket se suffit \u00e0 lui-m\u00eame.&nbsp;<\/p><p>Enfin, sachez que la configuration de WP Rocket ne n\u00e9cessite aucune comp\u00e9tence technique particuli\u00e8re. Alors si vous d\u00e9sirez un site WordPress plus rapide et mieux not\u00e9 par Google, confiez-nous l\u2019optimisation de vos Core Web Vitals.<br><\/p>","protected":false},"excerpt":{"rendered":"<p>Envie de tout savoir sur les Core Web Vitals ? Voici le guide complet pour comprendre ces m\u00e9triques et surtout les am\u00e9liorer. <\/p>\n","protected":false},"author":84133,"featured_media":2879986,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"kia_subtitle":"","footnotes":""},"categories":[73],"tags":[],"class_list":["post-3243977","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cache-wordpress"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment tester et am\u00e9liorer les Core Web Vitals sur WordPress ?<\/title>\n<meta name=\"description\" content=\"Envie de tout savoir sur les Core Web Vitals de Google ? Voici le guide complet pour comprendre ces m\u00e9triques et surtout les am\u00e9liorer.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment tester et am\u00e9liorer les Core Web Vitals sur WordPress ?\" \/>\n<meta property=\"og:description\" content=\"Envie de tout savoir sur les Core Web Vitals de Google ? Voici le guide complet pour comprendre ces m\u00e9triques et surtout les am\u00e9liorer.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Rocket\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-01T09:25:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-04T09:05:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/core-web-vitals-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"460\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Colin Newcomer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:site\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Colin Newcomer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture est.\" \/>\n\t<meta name=\"twitter:data2\" content=\"22 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/\"},\"author\":{\"name\":\"Colin Newcomer\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/d591586bde54c0f702d335ee00c9f1ed\"},\"headline\":\"Comment tester et am\u00e9liorer les Core Web Vitals de Google pour votre site WordPress ?\",\"datePublished\":\"2021-04-01T09:25:55+00:00\",\"dateModified\":\"2022-05-04T09:05:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/\"},\"wordCount\":4715,\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/core-web-vitals-featured.jpg\",\"articleSection\":[\"Temps de chargement et cache\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/\",\"url\":\"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/\",\"name\":\"Comment tester et am\u00e9liorer les Core Web Vitals sur WordPress ?\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/core-web-vitals-featured.jpg\",\"datePublished\":\"2021-04-01T09:25:55+00:00\",\"dateModified\":\"2022-05-04T09:05:25+00:00\",\"description\":\"Envie de tout savoir sur les Core Web Vitals de Google ? Voici le guide complet pour comprendre ces m\u00e9triques et surtout les am\u00e9liorer.\",\"breadcrumb\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/#primaryimage\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/core-web-vitals-featured.jpg\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/core-web-vitals-featured.jpg\",\"width\":1100,\"height\":460,\"caption\":\"Google Core Web Vitals for WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/wp-rocket.me\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Temps de chargement et cache\",\"item\":\"https:\/\/wp-rocket.me\/fr\/blog\/cache-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment tester et am\u00e9liorer les Core Web Vitals de Google pour votre site WordPress ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wp-rocket.me\/#website\",\"url\":\"https:\/\/wp-rocket.me\/\",\"name\":\"WP Rocket\",\"description\":\"Plugin d&#039;optimisation de sites WordPress\",\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wp-rocket.me\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wp-rocket.me\/#organization\",\"name\":\"WP Rocket\",\"url\":\"https:\/\/wp-rocket.me\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png\",\"width\":150,\"height\":41,\"caption\":\"WP Rocket\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829\",\"https:\/\/x.com\/wp_rocket\",\"https:\/\/www.youtube.com\/channel\/UC1ozThXHd1IWIZ5wkshgp_Q\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/d591586bde54c0f702d335ee00c9f1ed\",\"name\":\"Colin Newcomer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/dbfc60b99dd357e490f84ef7099dc25c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/dbfc60b99dd357e490f84ef7099dc25c?s=96&d=mm&r=g\",\"caption\":\"Colin Newcomer\"},\"description\":\"Colin Newcomer is a freelance writer who spends his days inside the WordPress dashboard. He lives a life of danger, riding a scooter through the chaos of Hanoi.\",\"sameAs\":[\"https:\/\/wp-rocket.me\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment tester et am\u00e9liorer les Core Web Vitals sur WordPress ?","description":"Envie de tout savoir sur les Core Web Vitals de Google ? Voici le guide complet pour comprendre ces m\u00e9triques et surtout les am\u00e9liorer.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment tester et am\u00e9liorer les Core Web Vitals sur WordPress ?","og_description":"Envie de tout savoir sur les Core Web Vitals de Google ? Voici le guide complet pour comprendre ces m\u00e9triques et surtout les am\u00e9liorer.","og_url":"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/","og_site_name":"WP Rocket","article_publisher":"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","article_published_time":"2021-04-01T09:25:55+00:00","article_modified_time":"2022-05-04T09:05:25+00:00","og_image":[{"width":1100,"height":460,"url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/core-web-vitals-featured.jpg","type":"image\/jpeg"}],"author":"Colin Newcomer","twitter_card":"summary_large_image","twitter_creator":"@wp_rocket","twitter_site":"@wp_rocket","twitter_misc":{"\u00c9crit par":"Colin Newcomer","Dur\u00e9e de lecture est.":"22 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/#article","isPartOf":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/"},"author":{"name":"Colin Newcomer","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/d591586bde54c0f702d335ee00c9f1ed"},"headline":"Comment tester et am\u00e9liorer les Core Web Vitals de Google pour votre site WordPress ?","datePublished":"2021-04-01T09:25:55+00:00","dateModified":"2022-05-04T09:05:25+00:00","mainEntityOfPage":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/"},"wordCount":4715,"publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"image":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/core-web-vitals-featured.jpg","articleSection":["Temps de chargement et cache"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/","url":"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/","name":"Comment tester et am\u00e9liorer les Core Web Vitals sur WordPress ?","isPartOf":{"@id":"https:\/\/wp-rocket.me\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/core-web-vitals-featured.jpg","datePublished":"2021-04-01T09:25:55+00:00","dateModified":"2022-05-04T09:05:25+00:00","description":"Envie de tout savoir sur les Core Web Vitals de Google ? Voici le guide complet pour comprendre ces m\u00e9triques et surtout les am\u00e9liorer.","breadcrumb":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/#primaryimage","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/core-web-vitals-featured.jpg","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/core-web-vitals-featured.jpg","width":1100,"height":460,"caption":"Google Core Web Vitals for WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/wp-rocket.me\/fr\/blog\/comment-tester-et-ameliorer-les-core-web-vitals-de-google-pour-votre-site-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/wp-rocket.me\/fr\/"},{"@type":"ListItem","position":2,"name":"Temps de chargement et cache","item":"https:\/\/wp-rocket.me\/fr\/blog\/cache-wordpress\/"},{"@type":"ListItem","position":3,"name":"Comment tester et am\u00e9liorer les Core Web Vitals de Google pour votre site WordPress ?"}]},{"@type":"WebSite","@id":"https:\/\/wp-rocket.me\/#website","url":"https:\/\/wp-rocket.me\/","name":"WP Rocket","description":"Plugin d&#039;optimisation de sites WordPress","publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wp-rocket.me\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/wp-rocket.me\/#organization","name":"WP Rocket","url":"https:\/\/wp-rocket.me\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png","width":150,"height":41,"caption":"WP Rocket"},"image":{"@id":"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","https:\/\/x.com\/wp_rocket","https:\/\/www.youtube.com\/channel\/UC1ozThXHd1IWIZ5wkshgp_Q"]},{"@type":"Person","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/d591586bde54c0f702d335ee00c9f1ed","name":"Colin Newcomer","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/dbfc60b99dd357e490f84ef7099dc25c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dbfc60b99dd357e490f84ef7099dc25c?s=96&d=mm&r=g","caption":"Colin Newcomer"},"description":"Colin Newcomer is a freelance writer who spends his days inside the WordPress dashboard. He lives a life of danger, riding a scooter through the chaos of Hanoi.","sameAs":["https:\/\/wp-rocket.me\/"]}]}},"_links":{"self":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/posts\/3243977"}],"collection":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/users\/84133"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/comments?post=3243977"}],"version-history":[{"count":0,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/posts\/3243977\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/media\/2879986"}],"wp:attachment":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/media?parent=3243977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/categories?post=3243977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/tags?post=3243977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}