{"id":71629,"date":"2021-03-08T07:00:00","date_gmt":"2021-03-08T15:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=71629"},"modified":"2025-05-26T08:00:32","modified_gmt":"2025-05-26T15:00:32","slug":"que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/","title":{"rendered":"Que Sont les Core Web Vitals? Et Pourquoi Google Fixe-t-il un Seuil Minimum Pour Eux?"},"content":{"rendered":"\n<p>Comme tu le sais peut-\u00eatre, Google mesure plus de 200 signaux pour d\u00e9terminer les r\u00e9sultats et les classements des moteurs de recherche. Parmi ces signaux (ou facteurs), plusieurs mesures se concentrent moins sur l&#8217;<span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.dreamhost.com\/academy\/what-is-seo\/\">Optimisation des moteurs de recherche (SEO)<\/a><\/span> et davantage sur l&#8217;<span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.dreamhost.com\/blog\/what-is-user-experience\/\">Exp\u00e9rience utilisateur (UX)<\/a><\/span> de ton site web.<\/p>\n\n\n<p>Les Core Web Vitals font partie de cette derni\u00e8re cat\u00e9gorie. En 2020, Google a annonc\u00e9 qu&#8217;il commencera \u00e0 <span style=\"text-decoration: underline;\"><a href=\"https:\/\/developers.google.com\/search\/blog\/2020\/05\/evaluating-page-experience\">mesurer les Core Web Vitals<\/a><\/span>&nbsp;pour les sites web afin de d\u00e9terminer s&#8217;ils seront \u00e9ligibles \u00e0 un boost du signal de classement. Ces vitals incluent des \u00e9l\u00e9ments tels que les scores de stabilit\u00e9 visuelle et les temps de chargement des pages, et la mise \u00e0 jour est pr\u00e9vue pour mai 2021.<\/p>\n\n\n<p>Si tout cela ne semble pas tr\u00e8s clair \u00e0 ce stade, ne t\u2019inqui\u00e8te pas ! Dans cet article, nous parlerons de ce que sont les Core Web Vitals, pourquoi ils sont importants et comment l\u2019annonce de Google t\u2019affecte en tant que propri\u00e9taire de site. Ensuite, nous te montrerons comment mesurer et am\u00e9liorer ton score de Core Web Vitals. N\u2019h\u00e9site pas \u00e0 passer directement aux sections qui t\u2019int\u00e9ressent le plus :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"text-decoration: underline;\"><a href=\"#intro\">Introduction aux indicateurs Web essentiels<\/a><\/span><\/li>\n\n\n\n<li><span style=\"text-decoration: underline;\"><a href=\"#implications\">Les implications de l&#8217;annonce de Google<\/a><\/span><\/li>\n\n\n\n<li><span style=\"text-decoration: underline;\"><a href=\"#measure\">Comment mesurer les indicateurs Web essentiels<\/a><\/span><\/li>\n\n\n\n<li><span style=\"text-decoration: underline;\"><a href=\"#improve\">Comment am\u00e9liorer votre score des indicateurs Web essentiels<\/a><\/span><\/li>\n\n\n<\/ul>\n\n\n<p>Pr\u00eat ? Allons-y !<\/p>\n\n\n<h2 id=\"h-an-introduction-to-core-web-vitals-and-why-they-re-important\" class=\"wp-block-heading\"><span style=\"font-weight: bold;\"><a id=\"intro\"><\/a>Une Introduction Aux Indicateurs Web Essentiels (Et Pourquoi Ils Sont Importants)<\/span><\/h2>\n\n\n<p>La prochaine mise \u00e0 jour de Google porte sur l&#8217;am\u00e9lioration de l&#8217;exp\u00e9rience de page pour les utilisateurs. Pour cela, Google prendra en compte le \u00ab\u00a0<span style=\"text-decoration: underline;\"><a href=\"https:\/\/developers.google.com\/search\/docs\/guides\/page-experience\">signal d&#8217;exp\u00e9rience de page<\/a><\/span>\u00a0\u00bb \u2013 un ensemble de m\u00e9triques qui, prises ensemble, se traduisent par une meilleure UX.<\/p>\n\n\n<p>Parmi ces mesures, tu as des facteurs tels que :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"text-decoration: underline;\"><a href=\"https:\/\/help.dreamhost.com\/hc\/en-us\/articles\/115003505112-How-to-force-your-site-to-redirect-to-https-SSL-\">Utilisation d&#8217;HTTPS<\/a><\/span><\/li>\n\n\n\n<li>La <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-optimize-your-site-for-mobile\/\">compatibilit\u00e9 mobile<\/a><\/span> d\u2019un site web<\/li>\n\n\n\n<li>Si le site <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.dreamhost.com\/blog\/pop-ups-and-dark-ux\/\">utilise des pop-ups<\/a><\/span><\/li>\n\n\n\n<li>Si votre site web contient du <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.dreamhost.com\/blog\/what-is-malware\/\">malware<\/a><\/span> ou non<\/li>\n\n\n<\/ul>\n\n\n<p>Ce ne sont peut-\u00eatre pas le type de signaux auxquels tu penses habituellement lorsque tu tentes d&#8217;atteindre le sommet des classements des moteurs de recherche. Traditionnellement, les utilisateurs s&#8217;inqui\u00e8tent davantage de <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.dreamhost.com\/academy\/what-are-keywords\/\">l&#8217;optimisation des mots-cl\u00e9s<\/a><\/span>, des m\u00e9tadonn\u00e9es, du contenu, etc. Cependant, ce n&#8217;est pas une nouveaut\u00e9 que Google prend \u00e9galement <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.dreamhost.com\/blog\/google-declares-mobile-friendly-a-must-for-seo\/\">la performance du site en compte<\/a><\/span>&nbsp;lors de la d\u00e9termination des r\u00e9sultats de recherche.<\/p>\n\n\n<p>Avec l&#8217;initiative Web Vitals, l&#8217;objectif de Google \u00e9tait de d\u00e9terminer quels signaux d&#8217;exp\u00e9rience de page ont l&#8217;impact le plus significatif sur l&#8217;UX. Les trois m\u00e9triques sur lesquelles Google s&#8217;est arr\u00eat\u00e9 comme les plus importantes sont les Core Web Vitals. Chaque site peut mesurer ces m\u00e9triques, et si les tiennes se situent dans un seuil sp\u00e9cifique, tu obtiendras probablement un boost de classement. Passons en revue ces trois Core Web Vitals.<\/p>\n\n\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Optimisation Pour Les Moteurs De Recherche Facilit\u00e9e\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Nous \u00e9liminons les conjectures (et le travail r\u00e9el) pour augmenter le trafic de ton site web avec le SEO.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/pro-services\/marketing\/seo-marketing\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            En Savoir Plus                    <\/a>\n\n  <\/div>\n<\/div>\n\n<h3 class=\"wp-block-heading\" id=\"h-1-largest-contentful-paint-lcp\"><span style=\"font-weight: bold;\">1. Peinture La Plus Importante du Contenu (LCP)<\/span><\/h3>\n\n\n<p>Lorsque nous mesurons le temps de chargement d&#8217;un site web, nous parlons g\u00e9n\u00e9ralement d&#8217;un ensemble de chiffres. Par exemple, nous disons qu&#8217;un site web se charge en une seconde ou deux. Cependant, ce n&#8217;est pas la mani\u00e8re la plus pr\u00e9cise de mesurer les temps de chargement.<\/p>\n\n\n<p>Comme tu le sais peut-\u00eatre, les sites web ne se chargent pas d&#8217;un coup. Si tu visites un site maintenant, tu verras que certains \u00e9l\u00e9ments se chargent avant d&#8217;autres. Tu pourras voir une partie de la page appara\u00eetre presque instantan\u00e9ment, mais le reste pourrait prendre un peu plus de temps.<\/p>\n\n\n<p>Une mani\u00e8re plus pr\u00e9cise de mesurer les temps de chargement des pages consiste \u00e0 utiliser plusieurs m\u00e9triques. Parmi elles, tu as les deux facteurs suivants :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: bold;\">First Contentful Paint (FCP)\u00a0:<\/span> Combien de temps il faut pour que le premier \u00e9l\u00e9ment d&#8217;une page apparaisse dans ton navigateur.<\/li>\n\n\n\n<li><span style=\"font-weight: bold;\">Largest Contentful Paint :<\/span> Cela mesure combien de temps il faut pour charger le plus grand \u00e9l\u00e9ment sur une page dans ton navigateur. En d&#8217;autres termes, cela te dit combien de temps il faut pour que la page soit compl\u00e8tement charg\u00e9e.<\/li>\n\n\n<\/ul>\n\n\n<p>Google utilise LCP comme l&#8217;un de ses indicateurs essentiels du Web car cela te donne une bonne id\u00e9e de la rapidit\u00e9 ou de la lenteur de ton site web. En pratique, les scores LCP peuvent varier d&#8217;une page \u00e0 l&#8217;autre, en fonction du trafic que re\u00e7oit ton site web, de la r\u00e9ponse de ton serveur et de nombreux autres facteurs.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/a1e8eac3-214b-45a9-b6ca-f89bf0c7a330_Core-Web-Vitals-7.jpg\" alt=\"R\u00e9sultats de PageSpeed Insight montrant les chiffres FCP et LCP.\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure><\/div>\n\n<p>Les utilisateurs ont tendance \u00e0 quitter un site web si son chargement prend plus de deux secondes. Google comprend cela, c&#8217;est pourquoi il est pr\u00e9f\u00e9rable de maintenir les temps de LCP en dessous de ce seuil.<\/p>\n\n\n<p>D\u00e8s que la mise \u00e0 jour des Vitals du contenu Web sera d\u00e9ploy\u00e9e, Google commencera \u00e0 mesurer ces \u00e9l\u00e9ments pour les sites web qu&#8217;il classe, avec diff\u00e9rents seuils pour chacun. Nous te montrerons une vue d\u2019ensemble de ces seuils dans un instant. Pour l&#8217;instant, parlons du deuxi\u00e8me Vital Web essentiel.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-first-input-delay-fid\"><span style=\"font-weight: bold;\">2. D\u00e9lai de Premi\u00e8re Entr\u00e9e (FID)<\/span><\/h3>\n\n\n<p>Si un site web met trop de temps \u00e0 charger, il sera \u00e9galement retard\u00e9 avant de devenir interactif. Le First Input Delay (FID) mesure pr\u00e9cis\u00e9ment cela \u2014 combien de temps il faut pour qu&#8217;une page soit interactive apr\u00e8s son chargement.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1160\" height=\"511\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/d9cbc5a4-58f3-4b9b-a054-d75de63544c8_fid-google.gif\" alt=\"Mesure du temps n\u00e9cessaire pour que Google.com devienne interactif.\" class=\"wp-image-30000 lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1160px; --smush-placeholder-aspect-ratio: 1160\/511;\" \/><\/figure><\/div>\n\n<p>Par &#8220;interactif&#8221;, nous entendons toute action qui implique de recevoir des retours du site web, comme cliquer sur un bouton, soumettre un formulaire, ex\u00e9cuter des effets de survol avec la souris, et plus encore. Id\u00e9alement, le FID devrait \u00eatre quasi-instantan\u00e9.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/13766d43-9162-4bd2-9e6a-5b1955a648cd_Core-Web-Vitals-6.jpg\" alt=\"R\u00e9sultats FID de PageSpeed Insights\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure><\/div>\n\n<p>Dans l&#8217;exemple ci-dessus, tu peux voir que notre site de test prend 31 millisecondes (ms) pour devenir interactif. Selon les standards de Google, tout ce qui est inf\u00e9rieur \u00e0 100 ms est fantastique.<\/p>\n\n\n<p>En ce qui concerne l&#8217;UX, cette m\u00e9trique est importante car elle peut rendre l&#8217;utilisation de ton site plus agr\u00e9able. Si tu vois qu&#8217;une page a fini de charger, mais que tu ne peux pas interagir avec, cela peut \u00eatre frustrant. Cela peut m\u00eame amener les utilisateurs \u00e0 penser que la page est cass\u00e9e.<\/p>\n\n\n<p>G\u00e9n\u00e9ralement, s\u2019il y a un d\u00e9lai important entre le moment o\u00f9 une page s\u2019affiche et le moment o\u00f9 elle devient interactive, c\u2019est \u00e0 cause des scripts qui se chargent en arri\u00e8re-plan. Si ces scripts mettent trop de temps \u00e0 se charger, tes temps de FID augmenteront.<\/p>\n\n\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\tImprove Your Rankings Using These 20 SEO Techniques\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/improve-seo\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n<h3 class=\"wp-block-heading\" id=\"h-3-cumulative-layout-shift-cls\"><span style=\"font-weight: bold;\">3. D\u00e9calage Cumulatif de Mise en Page (CLS)<\/span><\/h3>\n\n\n<p>Il y a peu d&#8217;exp\u00e9riences aussi frustrantes que de charger un site web et d&#8217;essayer de cliquer sur quelque chose, pour que toute la page se d\u00e9place au fur et \u00e0 mesure que d&#8217;autres \u00e9l\u00e9ments s&#8217;affichent. Cela s&#8217;appelle un \u00ab d\u00e9calage de mise en page \u00bb, et le CLS mesure combien de temps il faut pour que toute la page cesse de bouger.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/54d501b3-5806-496f-944b-81eab14334e7_Core-Web-Vitals-1.jpg\" alt=\"R\u00e9sultats CLS de PageSpeed Insights\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure><\/div>\n\n<p>Selon les normes de Google, tes scores de d\u00e9calage de mise en page ou les temps de CLS devraient \u00eatre inf\u00e9rieurs \u00e0 100 ms. Plus ce nombre est proche de z\u00e9ro, plus tes pages auront l&#8217;air stables lorsqu&#8217;elles se chargent.<\/p>\n\n\n<p>Le CLS devient encore plus critique pour les utilisateurs mobiles car les \u00e9l\u00e9ments ont plus tendance \u00e0 se d\u00e9placer sur des appareils plus petits. C&#8217;est pourquoi il est important de se rappeler qu&#8217;un bon score de CLS sur ordinateur de bureau ne se traduit pas n\u00e9cessairement par les m\u00eames r\u00e9sultats sur mobile.<\/p>\n\n\n<h2 id=\"h-what-google-s-announcement-about-core-web-vitals-means\" class=\"wp-block-heading\"><a id=\"implications\"><\/a><strong>Ce Que Signifie L&#8217;annonce De Google Sur Les Web Vitals Essentiels<\/strong><\/h2>\n\n\n<p>Le concept des Core Web Vitals est simple. Tu veux que les temps LCP, FID et CLS soient les plus bas possibles. S&#8217;ils le sont, cela signifie que tu offres une meilleure UX <span style=\"font-style: italic;\">et <\/span>que tu pourrais obtenir une am\u00e9lioration de ton classement par Google.<\/p>\n\n\n<p>Cependant, si tu veux obtenir ce coup de pouce, tes m\u00e9triques doivent se situer dans les seuils recommand\u00e9s pour chaque indicateur vital. Google divise les r\u00e9sultats pour chaque m\u00e9trique <span style=\"text-decoration: underline;\"><a href=\"https:\/\/support.google.com\/webmasters\/answer\/9205520?hl=en\">en trois niveaux :<\/a><\/span><\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>Bon<\/li>\n\n\n\n<li>\u00c0 am\u00e9liorer<\/li>\n\n\n\n<li>M\u00e9diocre<\/li>\n\n\n<\/ol>\n\n\n<p><span style=\"font-weight: 400;\">Voyons maintenant quels sont les seuils pour chaque niveau et Core Web Vital :<\/span><\/p>\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&nbsp;<\/td><td><b>LCP<\/b><\/td><td><b>FID<\/b><\/td><td><b>CLS<\/b><\/td><\/tr><tr><td><b>Bon<\/b><\/td><td><span style=\"font-weight: 400;\">&lt; 2,5 secondes<\/span><\/td><td><span style=\"font-weight: 400;\">&lt; 100 ms<\/span><\/td><td><span style=\"font-weight: 400;\">&lt; 100 ms<\/span><\/td><\/tr><tr><td><b>\u00c0 Am\u00e9liorer<\/b><\/td><td><span style=\"font-weight: 400;\">2,5-4 secondes<\/span><\/td><td><span style=\"font-weight: 400;\">100-300 ms<\/span><\/td><td><span style=\"font-weight: 400;\">100-250 ms<\/span><\/td><\/tr><tr><td><b>Mauvais<\/b><\/td><td><span style=\"font-weight: 400;\">&gt; 4 secondes<\/span><\/td><td><span style=\"font-weight: 400;\">&gt; 300 ms<\/span><\/td><td><span style=\"font-weight: 400;\">&gt; 250 ms<\/span><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<p><span style=\"font-weight: 400;\">Id\u00e9alement, tu veux que les trois m\u00e9triques soient dans la plage <\/span><i><span style=\"font-weight: 400;\">Bonne <\/span><\/i><span style=\"font-weight: 400;\">comme dict\u00e9 par Google. <\/span>Si tes Core Web Vitals sont tous bons, alors, en th\u00e9orie, tu obtiendras un boost de classement. Cependant, les d\u00e9tails de ce processus restent flous, y compris :<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>Que se passe-t-il si tous vos Vitals ne sont pas dans la plage optimale (mais certains le sont)<\/li>\n\n\n\n<li>Si les sites web r\u00e9pondant \u00e0 tous les crit\u00e8res recevront un badge quelconque dans les pages de r\u00e9sultats des moteurs de recherche (SERPs)<\/li>\n\n\n<\/ol>\n\n\n<p>Une chose que nous savons, c&#8217;est que les benchmarks positifs des Core Web Vitals deviendront une exigence si tu veux que tes r\u00e9sultats de page apparaissent dans la section \u00ab Top Stories \u00bb de Google.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"450\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/857c99db-0736-4b1c-893a-3bc87956f456_Core-Web-Vitals-4.jpg\" alt=\"Un exemple de la section des principales histoires de Google.\" class=\"wp-image-29997 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2021\/03\/857c99db-0736-4b1c-893a-3bc87956f456_Core-Web-Vitals-4.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/857c99db-0736-4b1c-893a-3bc87956f456_Core-Web-Vitals-4-300x150.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/857c99db-0736-4b1c-893a-3bc87956f456_Core-Web-Vitals-4-768x384.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2021\/03\/857c99db-0736-4b1c-893a-3bc87956f456_Core-Web-Vitals-4-600x300.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2021\/03\/857c99db-0736-4b1c-893a-3bc87956f456_Core-Web-Vitals-4-730x365.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2021\/03\/857c99db-0736-4b1c-893a-3bc87956f456_Core-Web-Vitals-4-784x392.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2021\/03\/857c99db-0736-4b1c-893a-3bc87956f456_Core-Web-Vitals-4-877x439.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/450;\" \/><\/figure><\/div>\n\n<p>Outre la hausse initiale du classement que Google promet, l&#8217;inclusion de badges et la mise en avant de tes pages dans <span style=\"font-style: italic;\">Top stories <\/span>devraient \u00e9galement impacter significativement tes taux de clics (CTRs).<\/p>\n\n\n<p>Il est tout aussi important de comprendre qu&#8217;en am\u00e9liorant les Core Web Vitals, tu pourrais consid\u00e9rablement r\u00e9duire ton <span style=\"text-decoration: underline;\"><a href=\"https:\/\/support.google.com\/analytics\/answer\/1009409?hl=en\">taux de rebond<\/a><\/span>&nbsp;<span style=\"font-style: italic;\">et <\/span>faire en sorte que les utilisateurs restent plus longtemps sur ton site web. Cependant, les r\u00e9sultats peuvent varier.<\/p>\n\n\n<p>Pour l&#8217;instant, la r\u00e9cente mise \u00e0 jour de l&#8217;algorithme Google est pr\u00e9vue pour <span style=\"text-decoration: underline;\"><a href=\"https:\/\/developers.google.com\/search\/blog\/2020\/11\/timing-for-page-experience\">sortir en mai 2021<\/a><\/span>. Cela signifie que tu as encore beaucoup de temps pour mesurer et optimiser tes Core Web Vitals.<\/p>\n\n\n<h2 id=\"h-how-to-measure-core-web-vitals-2-tools\" class=\"wp-block-heading\"><span style=\"font-weight: bold;\"><a id=\"measure\"><\/a>Comment Mesurer les Indicateurs Cl\u00e9s du Web (2 Outils)<\/span><\/h2>\n\n\n<p>Si tu veux am\u00e9liorer tes m\u00e9triques de Core Web Vitals, tu as besoin d&#8217;avoir une image pr\u00e9cise de ce qu&#8217;elles sont. Il existe de nombreux outils que tu peux utiliser pour avoir une id\u00e9e de la rapidit\u00e9 de chargement de ton site web. Cependant, si tu souhaites un rapport de Core Web Vitals, nous recommandons les deux options suivantes.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-pagespeed-insights\"><span style=\"font-weight: bold;\">1. Aper\u00e7us PageSpeed<\/span><\/h3>\n\n\n<p><span style=\"text-decoration: underline;\"><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">PageSpeed Insights<\/a><\/span>&nbsp;est un service en ligne qui utilise les outils <span style=\"text-decoration: underline;\"><a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\">Google Lighthouse<\/a><\/span>&nbsp;pour donner \u00e0 ton site web un score de performance et te fournir des m\u00e9triques pour mesurer comment il se compare \u00e0 d&#8217;autres sites.<\/p>\n\n\n<p>Tout au long de cet article, nous t&#8217;avons montr\u00e9 des extraits des r\u00e9sultats de PageSpeed Insight. Pour utiliser l&#8217;outil, tu peux visiter son site web et entrer une URL \u00e0 tester. Ensuite, tu verras une page de r\u00e9sultats comme celle-ci :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/5eac34d8-7e98-4ab5-9b20-ab283388ed3b_Core-Web-Vitals-3.jpg\" alt=\"R\u00e9sultats Mobiles de PageSpeed Insights.\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure><\/div>\n\n<p>Comme tu peux le voir, la section <span style=\"font-style: italic;\">Donn\u00e9es de champ <\/span>inclut tous les Core Web Vitals que Google souhaite que tu surveilles. Si les chiffres sont verts, ils se situent dans le seuil <span style=\"font-style: italic;\">Bon <\/span>. Jaune signifie <span style=\"font-style: italic;\">N\u00e9cessite des am\u00e9liorations<\/span>&nbsp;et <span style=\"font-style: italic;\">Rouge <\/span>pour m\u00e9diocre.<\/p>\n\n\n<p>En examinant de pr\u00e8s chaque r\u00e9sultat, tu remarqueras que PageSpeed Insights t&#8217;indique quel pourcentage des \u00e9l\u00e9ments de ta page se situe dans chaque cat\u00e9gorie de performance. Dans l&#8217;exemple ci-dessus, tous les r\u00e9sultats sont verts sauf pour le FCP. De plus, le score LCP est inf\u00e9rieur \u00e0 deux secondes, ce qui nous indique que <span style=\"font-style: italic;\">google.com <\/span>se charge assez rapidement (ce qui ne devrait pas \u00eatre une surprise).<\/p>\n\n\n<p>PageSpeed Insights fournit \u00e9galement des scores pour mobile et ordinateur. Par d\u00e9faut, ton score mobile est affich\u00e9 en premier, et tu peux basculer entre eux en utilisant les onglets en haut de l&#8217;\u00e9cran.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"undefined\" alt=\"\"\/><\/figure>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"519\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/f15ccd39-866c-41e8-a6e2-031172915496_Core-Web-Vitals-2.jpg\" alt=\"R\u00e9sultats de PageSpeed Insights pour ordinateur de bureau.\" class=\"wp-image-29995 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2021\/03\/f15ccd39-866c-41e8-a6e2-031172915496_Core-Web-Vitals-2.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/f15ccd39-866c-41e8-a6e2-031172915496_Core-Web-Vitals-2-300x173.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/f15ccd39-866c-41e8-a6e2-031172915496_Core-Web-Vitals-2-768x443.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2021\/03\/f15ccd39-866c-41e8-a6e2-031172915496_Core-Web-Vitals-2-600x346.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2021\/03\/f15ccd39-866c-41e8-a6e2-031172915496_Core-Web-Vitals-2-730x421.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2021\/03\/f15ccd39-866c-41e8-a6e2-031172915496_Core-Web-Vitals-2-784x452.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2021\/03\/f15ccd39-866c-41e8-a6e2-031172915496_Core-Web-Vitals-2-877x506.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/519;\" \/><\/figure><\/div>\n\n<p>G\u00e9n\u00e9ralement, il y a une l\u00e9g\u00e8re diff\u00e9rence entre les scores mobiles et les scores sur ordinateur. Cependant, les deux scores devraient s&#8217;am\u00e9liorer lorsque tu optimises ton site web, et les Core Web Vitals associ\u00e9s devraient diminuer pour chacun.<\/p>\n\n\n<p>Un excellent aspect de l&#8217;utilisation de PageSpeed Insights par rapport \u00e0 d&#8217;autres outils de test de vitesse de site web est qu&#8217;il te fournit des donn\u00e9es cumulatives des 28 derniers jours (si elles sont disponibles pour ton site). Cela signifie que les chiffres que tu vois ne sont pas une capture instantan\u00e9e d&#8217;un moment sp\u00e9cifique, mais plut\u00f4t une moyenne des donn\u00e9es collect\u00e9es sur une p\u00e9riode prolong\u00e9e.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-search-console\"><span style=\"font-weight: bold;\">2. Console de Recherche<\/span><\/h3>\n\n\n<p><span style=\"text-decoration: underline;\"><a href=\"https:\/\/search.google.com\/search-console\/about\">Search Console<\/a><\/span>&nbsp;est l&#8217;un des <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.dreamhost.com\/blog\/seo-tools-to-optimize-website-success\/\">outils SEO les plus puissants<\/a><\/span>&nbsp;que tu peux utiliser pour ton site web. Il te montre une quantit\u00e9 massive d&#8217;informations qui peuvent t&#8217;aider \u00e0 optimiser ton site, am\u00e9liorer le trafic et r\u00e9soudre les probl\u00e8mes de SEO.<\/p>\n\n\n<p>En 2020, la Search Console a commenc\u00e9 \u00e0 afficher les m\u00e9triques des Core Web Vitals dans son tableau de bord. Pour voir les tiennes, navigue vers <span style=\"font-style: italic;\">Am\u00e9liorations &gt; Core Web Vitals<\/span>.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/14f3bc98-b1c8-40fa-a292-cbbfc4d840ff_Core-Web-Vitals-5.jpg\" alt=\"Indicateurs Web essentiels dans la console de recherche Google.\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure><\/div>\n\n<p>Bien que les r\u00e9sultats puissent \u00eatre un peu plus difficiles \u00e0 lire qu&#8217;avec PageSpeed Insights, la Search Console offre trois avantages majeurs par rapport \u00e0 l&#8217;utilisation directe de PageSpeed Insights, qui sont :<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>Tu peux voir comment les scores des Core Web Vitals \u00e9voluent dans le temps, gr\u00e2ce aux graphiques inclus.<\/li>\n\n\n\n<li>Le rapport te permet de voir \u00e0 la fois les r\u00e9sultats pour <span style=\"font-style: italic;\">Mobile <\/span>et <span style=\"font-style: italic;\">Desktop <\/span>sur la m\u00eame page.<\/li>\n\n\n\n<li>La Search Console mesure les Core Web Vitals pour l&#8217;ensemble de ton site web plut\u00f4t que pour une seule page.<\/li>\n\n\n<\/ol>\n\n\n<p>Pouvoir mesurer les Core Web Vitals de tout le site est plus que suffisant pour que nous te recommandions d&#8217;utiliser Search Console. Si tu veux r\u00e9pondre aux crit\u00e8res de Google pour les Core Web Vitals avant que la mise \u00e0 jour de l&#8217;algorithme soit d\u00e9ploy\u00e9e, c&#8217;est le meilleur outil pour y parvenir.<\/p>\n\n\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\t37 of the Best SEO Tools for Small Businesses (Updated for 2024)\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/best-seo-tools\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n<h2 id=\"h-how-to-improve-your-core-web-vitals-score\" class=\"wp-block-heading\"><span style=\"font-weight: bold;\"><a id=\"improve\"><\/a>Comment Am\u00e9liorer Ton Score de Web Vitals Essentiels<\/span><\/h2>\n\n\n<p>En g\u00e9n\u00e9ral, tu peux am\u00e9liorer le score de Core Web Vitals en <span style=\"text-decoration: underline;\"><a href=\"https:\/\/help.dreamhost.com\/hc\/en-us\/articles\/215300867-General-WordPress-optimization-techniques\">am\u00e9liorant les performances de ton site web<\/a><\/span>. Il existe plusieurs mani\u00e8res de faire charger tes pages plus rapidement et de les rendre interactives plus t\u00f4t. Cependant, voici ce que nous te recommandons de concentrer sur pour am\u00e9liorer chaque vital :<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li><span style=\"font-weight: bold;\">LCP.<\/span>\u00a0Tu peux utiliser un <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.dreamhost.com\/\">fournisseur d&#8217;h\u00e9bergement orient\u00e9 performance<\/a><\/span> qui offre des temps de r\u00e9ponse rapide du serveur, <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-fix-slow-website\/\">supprimer les scripts inutiles<\/a><\/span> de ton site, <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.dreamhost.com\/academy\/how-to-optimize-website-images-performance\/\">optimiser les \u00e9l\u00e9ments m\u00e9diatiques<\/a><\/span> sur tes pages, et activer le chargement paresseux.<\/li>\n\n\n\n<li><span style=\"font-weight: bold;\">FID.<\/span>\u00a0Nous recommandons que tu actives la mise en cache du navigateur et supprimes les scripts inutiles ou diff\u00e8re les JS non-critiques, afin qu&#8217;ils n&#8217;emp\u00eachent pas d&#8217;autres \u00e9l\u00e9ments de devenir interactifs.<\/li>\n\n\n\n<li><span style=\"font-weight: bold;\">CLS.<\/span>\u00a0Si tu souhaites rendre le CLS sans probl\u00e8me, tu peux d\u00e9finir des dimensions sp\u00e9cifiques pour tous les m\u00e9dias sur tes pages et charger les \u00e9l\u00e9ments d&#8217;interface non-critiques en-dessous de la ligne de flottaison, pour que ta page ne se d\u00e9cale pas initialement.<\/li>\n\n\n<\/ol>\n\n\n<p>Si tu as d\u00e9j\u00e0 pass\u00e9 du temps \u00e0 <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.dreamhost.com\/academy\/ways-to-improve-website-performance\/\">optimiser ton site web pour la performance<\/a><\/span>, beaucoup de ces m\u00e9thodes te seront famili\u00e8res. Dans l&#8217;ensemble, am\u00e9liorer tes Core Web Vitals n&#8217;est pas aussi compliqu\u00e9 que cela en a l&#8217;air. Cependant, nous recommandons que tu commences \u00e0 mesurer les m\u00e9triques avant de faire des travaux sur ton site web, afin que tu puisses voir comment tes temps de chargement s&#8217;am\u00e9liorent apr\u00e8s chaque changement.<\/p>\n\n\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Pr\u00eat \u00c0 Am\u00e9liorer Tes Performances?\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Que tu aies besoin d\u2019aide pour am\u00e9liorer un facteur de classement, comprendre l\u2019exp\u00e9rience de page, ou utiliser les Chrome DevTools, nous pouvons t\u2019aider ! Abonne-toi \u00e0 notre bulletin mensuel pour ne jamais manquer un article.\n    <\/p>\n\n            <a\n            href=\"http:\/\/messages.dreamhost.com\/public\/webform\/render_form\/0d5r88n319d4z8oihazkjsxjn2xwo\/0eb6cc6c0d15e420a3ff54f02356d3eb\/addcontact\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Inscris-Moi                    <\/a>\n\n  <\/div>\n<\/div>\n\n<h2 id=\"h-the-secret-to-seo-a-good-user-experience\" class=\"wp-block-heading\"><span style=\"font-weight: bold;\">Le Secret du SEO ? Une Bonne Exp\u00e9rience Utilisateur<\/span><\/h2>\n\n\n<p>Nous savons que Google suit des centaines de signaux et de m\u00e9triques pour d\u00e9terminer les positions de classement de recherche. Chaque nouvelle mise \u00e0 jour de l&#8217;algorithme modifie l\u00e9g\u00e8rement le jeu, et avec la mise \u00e0 jour des Core Web Vitals, Google nous montre qu&#8217;il va commencer \u00e0 regarder encore plus attentivement la qualit\u00e9 de l&#8217;UX de chaque site web.<\/p>\n\n\n<p>Mesurer une UX positive n&#8217;est pas aussi simple que de suivre les m\u00e9triques SEO, c&#8217;est pourquoi Google se base sur les trois indicateurs essentiels du Web pour voir si tu fais du bon travail. Ces indicateurs sont :<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li><span style=\"font-weight: bold;\">LCP: <\/span>Combien de temps cela prend pour que l&#8217;\u00e9l\u00e9ment le plus grand sur chaque page se charge.<\/li>\n\n\n\n<li><span style=\"font-weight: bold;\">FID: <\/span>Combien de temps cela prend pour qu&#8217;une page devienne interactive.<\/li>\n\n\n\n<li><span style=\"font-weight: bold;\">CLS: <\/span>Combien de temps cela prend pour que les \u00e9l\u00e9ments sur ta page cessent de se d\u00e9placer.<\/li>\n\n\n<\/ol>\n\n\n<p>Es-tu pr\u00eat \u00e0 am\u00e9liorer l&#8217;UX de ton site web et \u00e0 travailler sur son SEO ? <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.dreamhost.com\/pro-services\/marketing\/seo-marketing\/\">DreamHost Pro Marketing<\/a><\/span>&nbsp;te donne acc\u00e8s \u00e0 une \u00e9quipe d&#8217;experts pour t&#8217;aider \u00e0 obtenir plus de trafic pour ton site !<\/p>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Comme tu le sais peut-\u00eatre, Google mesure plus de 200 signaux pour d\u00e9terminer les r\u00e9sultats et les classements des moteurs de recherche. Parmi ces signaux (ou facteurs), plusieurs m\u00e9triques se concentrent moins sur l&#8217;optimisation des moteurs de recherche (SEO) et davantage sur l&#8217;exp\u00e9rience utilisateur globale (UX) de ton site web. Les Core Web Vitals appartiennent \u00e0 cette derni\u00e8re cat\u00e9gorie. En 2020, Google a annonc\u00e9 qu&#8217;il [\u2026]<\/p>\n","protected":false},"author":1060,"featured_media":30002,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Google a r\u00e9cemment introduit Core Web Vitals, un ensemble de m\u00e9triques utilis\u00e9es pour d\u00e9terminer si ton site offre une bonne exp\u00e9rience utilisateur. D\u00e9couvre comment ces mesures peuvent booster ton SEO.","toc_headlines":"[[\"h-an-introduction-to-core-web-vitals-and-why-they-re-important\",\"Une Introduction Aux Indicateurs Web Essentiels (Et Pourquoi Ils Sont Importants)\"],[\"h-what-google-s-announcement-about-core-web-vitals-means\",\"Ce Que Signifie L'annonce De Google Sur Les Web Vitals Essentiels\"],[\"h-how-to-measure-core-web-vitals-2-tools\",\"Comment Mesurer les Indicateurs Cl\u00e9s du Web (2 Outils)\"],[\"h-how-to-improve-your-core-web-vitals-score\",\"Comment Am\u00e9liorer Ton Score de Web Vitals Essentiels\"],[\"h-the-secret-to-seo-a-good-user-experience\",\"Le Secret du SEO ? Une Bonne Exp\u00e9rience Utilisateur\"]]","hide_toc":false,"footnotes":""},"categories":[15001,14989],"tags":[],"class_list":["post-71629","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-hosting-fr","category-tech-talk-fr"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Que Sont les Core Web Vitals? Et Pourquoi Google Fixe-t-il un Seuil Minimum Pour Eux? - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Google a r\u00e9cemment introduit Core Web Vitals, un ensemble de m\u00e9triques utilis\u00e9es pour d\u00e9terminer si ton site offre une bonne exp\u00e9rience utilisateur. D\u00e9couvre comment ces mesures peuvent booster ton SEO.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Que Sont les Core Web Vitals? Et Pourquoi Google Fixe-t-il un Seuil Minimum Pour Eux?\" \/>\n<meta property=\"og:description\" content=\"Google a r\u00e9cemment introduit Core Web Vitals, un ensemble de m\u00e9triques utilis\u00e9es pour d\u00e9terminer si ton site offre une bonne exp\u00e9rience utilisateur. D\u00e9couvre comment ces mesures peuvent booster ton SEO.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-08T15:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T15:00:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/25021235-7e59-424d-8a59-103095a2ba89_what-are-core-web-vitals_opt.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"598\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Brian Glassman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Glassman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Que Sont les Core Web Vitals? Et Pourquoi Google Fixe-t-il un Seuil Minimum Pour Eux? - DreamHost Blog","description":"Google a r\u00e9cemment introduit Core Web Vitals, un ensemble de m\u00e9triques utilis\u00e9es pour d\u00e9terminer si ton site offre une bonne exp\u00e9rience utilisateur. D\u00e9couvre comment ces mesures peuvent booster ton SEO.","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:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/","og_locale":"en_US","og_type":"article","og_title":"Que Sont les Core Web Vitals? Et Pourquoi Google Fixe-t-il un Seuil Minimum Pour Eux?","og_description":"Google a r\u00e9cemment introduit Core Web Vitals, un ensemble de m\u00e9triques utilis\u00e9es pour d\u00e9terminer si ton site offre une bonne exp\u00e9rience utilisateur. D\u00e9couvre comment ces mesures peuvent booster ton SEO.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2021-03-08T15:00:00+00:00","article_modified_time":"2025-05-26T15:00:32+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/25021235-7e59-424d-8a59-103095a2ba89_what-are-core-web-vitals_opt.jpg","type":"image\/jpeg"}],"author":"Brian Glassman","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Brian Glassman","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/"},"author":{"name":"Brian Glassman","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/e25c31f16fee80576bdd8b93a066f3de"},"headline":"Que Sont les Core Web Vitals? Et Pourquoi Google Fixe-t-il un Seuil Minimum Pour Eux?","datePublished":"2021-03-08T15:00:00+00:00","dateModified":"2025-05-26T15:00:32+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/"},"wordCount":2807,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/25021235-7e59-424d-8a59-103095a2ba89_what-are-core-web-vitals_opt.jpg","articleSection":["H\u00e9bergement Web","Tech Talk"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/","name":"Que Sont les Core Web Vitals? Et Pourquoi Google Fixe-t-il un Seuil Minimum Pour Eux? - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/25021235-7e59-424d-8a59-103095a2ba89_what-are-core-web-vitals_opt.jpg","datePublished":"2021-03-08T15:00:00+00:00","dateModified":"2025-05-26T15:00:32+00:00","description":"Google a r\u00e9cemment introduit Core Web Vitals, un ensemble de m\u00e9triques utilis\u00e9es pour d\u00e9terminer si ton site offre une bonne exp\u00e9rience utilisateur. D\u00e9couvre comment ces mesures peuvent booster ton SEO.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/25021235-7e59-424d-8a59-103095a2ba89_what-are-core-web-vitals_opt.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2021\/03\/25021235-7e59-424d-8a59-103095a2ba89_what-are-core-web-vitals_opt.jpg","width":900,"height":598},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/que-sont-les-core-web-vitals-et-pourquoi-google-fixe-t-il-un-seuil-minimum-pour-eux-fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Que Sont les Core Web Vitals? Et Pourquoi Google Fixe-t-il un Seuil Minimum Pour Eux?"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/e25c31f16fee80576bdd8b93a066f3de","name":"Brian Glassman","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/brian-glassman-dreamhost-150x150.jpg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/brian-glassman-dreamhost-150x150.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/brian-glassman-dreamhost-150x150.jpg","caption":"Brian Glassman"},"description":"SEO leader and content marketer, Brian is DreamHost\u2019s Director of SEO. Based in Chicago, Brian enjoys the local health food scene (deep dish pizza, Italian beef sandwiches) and famous year-round warm weather. Follow Brian on LinkedIn.","sameAs":["https:\/\/www.linkedin.com\/in\/brianglassmandesign\/"],"url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/brian\/"}]}},"lang":"fr","translations":{"fr":71629,"es":30022,"en":29993,"de":52242,"pt":54529,"pl":54541,"ru":54550,"uk":54559,"it":69021,"nl":71666},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1060"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=71629"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71629\/revisions"}],"predecessor-version":[{"id":71632,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71629\/revisions\/71632"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/30002"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=71629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=71629"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=71629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}