{"id":19830,"date":"2023-11-29T18:23:58","date_gmt":"2023-11-29T17:23:58","guid":{"rendered":"https:\/\/www.sortlist.fr\/blog\/?p=19830"},"modified":"2025-01-04T17:10:04","modified_gmt":"2025-01-04T16:10:04","slug":"core-web-vitals","status":"publish","type":"post","link":"https:\/\/www.sortlist.fr\/blog\/core-web-vitals\/","title":{"rendered":"Core Web Vitals: Tout ce qu&rsquo;il faut savoir pour les maitriser en 2024"},"content":{"rendered":"     \n    <div id=\"module_key_takeaways--block_474e7a09e08fc3b73e252cff47d89e75\" class=\"sl_custom_module module_key_takeaways is_preview\">\n        <div class=\"module_key_takeaways__wrapper\">\n            \n\n<p><strong>Points-cl\u00e9s :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Les Core Web Vitals sont essentiels pour le SEO en 2024.<\/strong> Ils d\u00e9finissent l\u2019exp\u00e9rience utilisateur et influencent le classement sur Google.<\/li>\n\n\n\n<li><strong>Ils se composent de trois m\u00e9triques cl\u00e9s :<\/strong> LCP, FID et CLS, avec des seuils pr\u00e9cis \u00e0 respecter.<\/li>\n\n\n\n<li><strong>Les Core Web Vitals sont devenus cruciaux pour rester visible sur Google.<\/strong> Ils compl\u00e8tent les signaux SEO classiques.<\/li>\n\n\n\n<li><strong>Une optimisation r\u00e9ussie offre une meilleure exp\u00e9rience utilisateur.<\/strong> Les sites deviennent plus rapides, interactifs et stables.<\/li>\n<\/ul>\n\n\n        <\/div>\n    <\/div>\n\n\n\n\n<p>Dans le domaine du marketing SEO, les entreprises, les blogs, les sites web et les plateformes en ligne sont en concurrence quotidienne. Le haut des r\u00e9sultats de recherche Google est l&rsquo;endroit o\u00f9 ils veulent \u00eatre.<\/p>\n\n\n\n<p>Parmi les innombrables SERPs de Google, 90 % des sites r\u00e9pertori\u00e9s n&rsquo;atteignent jamais la premi\u00e8re page. Les 10 % qui y parviennent sont les annonces payantes, les graphiques de connaissances et une dizaine de sites qui se positionnent de mani\u00e8re organiques. Le trafic entre ces sites est in\u00e9gal. Moins de 3 % des internautes parviennent aux r\u00e9sultats pr\u00e9sent sur la seconde page de Google.<\/p>\n\n\n\n<p>Les principaux m\u00e9canismes d&rsquo;influence du marketing SEO ont \u00e9t\u00e9 les rubriques, le contenu, les balises de titre, les <a href=\"https:\/\/www.sortlist.fr\/blog\/mots-cles-seo\/\">mots-cl\u00e9s<\/a>, les descriptions d&rsquo;images, les liens internes, les <a href=\"https:\/\/www.sortlist.fr\/blog\/strategie-backlink\/\">backlinks<\/a>, etc. En mettant l&rsquo;accent sur le contr\u00f4le de la qualit\u00e9, Google va int\u00e8gre une autre exigence.<\/p>\n\n\n\n<p>Les \u00ab\u00a0<strong>Core Web Vitals<\/strong>\u00a0\u00bb sont aujourd&rsquo;hui un \u00e9l\u00e9ment d\u00e9terminant pour positionner son site sur Google. Alors que le marketing SEO traditionnel s&rsquo;appuie essentiellement sur la pertinence, la distance et la pro\u00e9minence, les Core Web Vitals renforceront la valeur. Une agence de <a href=\"https:\/\/www.sortlist.fr\/site-internet\/france-fr\">cr\u00e9ation de site internet<\/a> maitrisant l&rsquo;optimisation des Core Web Vitals pour la mise en place ou la refonte de son site web est indispensable.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu&rsquo;est-ce que les Core Web Vitals ?<\/h2>\n\n\n\n<p>Les Core Web Vitals sont un ensemble distinct de mesures d\u00e9terminant l&rsquo;exp\u00e9rience de l&rsquo;utilisateur (UX) sur les sites web. Ces derniers int\u00e8grent trois mesures diff\u00e9rentes de la vitesse des pages et de l&rsquo;interaction entre le n\u0153ud et le client. Le cumul de ces facteurs est pris en compte dans un syst\u00e8me de notation qui d\u00e9termine la priorit\u00e9 accord\u00e9e \u00e0 une page dans le cadre d&rsquo;un r\u00e9f\u00e9rencement.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"672\" src=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals-pagespeedinsights.png\" alt=\"\" class=\"wp-image-19839\" srcset=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals-pagespeedinsights.png 980w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals-pagespeedinsights-768x527.png 768w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals-pagespeedinsights-50x34.png 50w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals-pagespeedinsights-288x197.png 288w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals-pagespeedinsights-576x395.png 576w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals-pagespeedinsights-339x232.png 339w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals-pagespeedinsights-678x465.png 678w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals-pagespeedinsights-373x256.png 373w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals-pagespeedinsights-746x512.png 746w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals-pagespeedinsights-691x474.png 691w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals-pagespeedinsights-973x667.png 973w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals-pagespeedinsights-478x328.png 478w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals-pagespeedinsights-956x656.png 956w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals-pagespeedinsights-516x354.png 516w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals-pagespeedinsights-680x466.png 680w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Les trois \u00e9l\u00e9ments de Core Web Vitals<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Largest Contentful Paint (LCP)<\/h3>\n\n\n\n<p>Le Largest Contentful Paint (LCP) est une mesure cr\u00e9\u00e9e par Google pour garantir la satisfaction des utilisateurs. Ce param\u00e8tre se concentre davantage sur les performances que sur la pr\u00e9sentation. Si la page met trop de temps \u00e0 se charger et que l&rsquo;internaute s&rsquo;en va, elle est jug\u00e9e insatisfaisante.<\/p>\n\n\n\n<p>Le temps de chargement de la page web et les facteurs d&rsquo;exp\u00e9rience de Google tels que les balises d&rsquo;image et les vignettes vid\u00e9o d\u00e9terminent la note LCP. Les images d&rsquo;arri\u00e8re-plan avec CSS et les \u00e9l\u00e9ments de texte tels que les paragraphes, les titres et les listes font \u00e9galement l&rsquo;objet d&rsquo;un contr\u00f4le de fluidit\u00e9.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Causes d&rsquo;un mauvais LCP<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">Temps de r\u00e9ponse lent du serveur<\/h5>\n\n\n\n<p>La vitesse de rendu d&rsquo;un site web d\u00e9pend du temps de r\u00e9action d&rsquo;un serveur. Plus le serveur est lent, plus il faudra de temps pour afficher quelque chose sur l&rsquo;\u00e9cran d&rsquo;un appareil.<\/p>\n\n\n\n<p>La premi\u00e8re solution consiste \u00e0 optimiser votre serveur. La mise en cache des actifs et du HTML permettent d&rsquo;acc\u00e9l\u00e9rer le rendu des pages. En outre, il est conseill\u00e9 d&rsquo;acheminer les utilisateurs vers un CDN proche. En \u00e9tablissant des connexions tierces d\u00e8s le d\u00e9but, la latence devient minimale, ce qui est important pour les sites web mobiles r\u00e9actifs.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Blocage du rendu CSS et JavaScript.<\/h5>\n\n\n\n<p>Les navigateurs fournissent du contenu en analysant les balises HTML dans une arborescence DOM. Si l&rsquo;analyseur rencontre des feuilles de style externes (CSS), il fait une pause. Les scripts et les feuilles de style externes retardent la distribution des ressources bloquantes du FCP et du LCP.<\/p>\n\n\n\n<p>CSS et Java sont robustes et peuvent perdre \u00ab beaucoup de poids \u00bb gr\u00e2ce \u00e0 la d\u00e9f\u00e9rence, \u00e0 la minimisation et \u00e0 la minification. Les logiciels disponibles pour le compactage Java incluent UglifyJS2, Closure Compiler et YUI Compressor. CSSnano, UNCSS et CSSO sont tous des m\u00e9canismes capables de compresser CSS. Le temps d\u2019optimisation du chargement s\u2019am\u00e9liorera avec le d\u00e9ploiement de ces outils.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Mauvais temps de chargement des ressources<\/h5>\n\n\n\n<p>Si l\u2019augmentation de l\u2019activit\u00e9 CSS et JavaScript produit de mauvais r\u00e9sultats, d\u2019autres composants s\u2019av\u00e8rent tout aussi probl\u00e9matiques. Les \u00e9l\u00e9ments affectant n\u00e9gativement LCP sont les images, vid\u00e9os ainsi que les composants de niveau bloc contenant des n\u0153uds de texte.<\/p>\n\n\n\n<p>L&rsquo;optimisation et la compression des fichiers image et texte seront utiles ici. En pr\u00e9chargeant les ressources n\u00e9cessaires et en mettant les actifs en cache, tout en utilisant un autre service worker, le temps n\u00e9cessaire est r\u00e9duit.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Rendu c\u00f4t\u00e9 utilisateur<\/h5>\n\n\n\n<p>Les sites qui effectuent la majeure partie de leur rendu du c\u00f4t\u00e9 du client perdent une bonne partie du contr\u00f4le. L&rsquo;inconv\u00e9nient de cette option devient \u00e9vident avec l&rsquo;utilisation de gros paquets JavaScript. Dans la plupart des cas, le contenu ne s&rsquo;affiche pas tant que JavaScript n&rsquo;a pas termin\u00e9 son rendu, ce qui compromet les \u00e9valuations LCP.<\/p>\n\n\n\n<p>La minimisation du JavaScript est cruciale, et le rendu c\u00f4t\u00e9 serveur est pr\u00e9f\u00e9rable \u00e0 celui c\u00f4t\u00e9 utilisateur. Une autre solution est le pr\u00e9-rendu, qui permet d&rsquo;optimiser le temps de chargement.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">First Input Delay (FID)<\/h3>\n\n\n\n<p>Le First Input Delay (FID) mesure le temps qui s&rsquo;\u00e9coule entre l&rsquo;interaction initiale avec l&rsquo;utilisateur et la r\u00e9ponse du navigateur. Il s&rsquo;agit d&rsquo;un facteur crucial qui d\u00e9termine si le client quittera le site ou non. Les retards se produisent g\u00e9n\u00e9ralement lorsque le fil principal du navigateur est occup\u00e9.<\/p>\n\n\n\n<p>Les fichiers JavaScript charg\u00e9s par des applications locales sont g\u00e9n\u00e9ralement \u00e0 l&rsquo;origine des probl\u00e8mes de FID. Les navigateurs tentent d&rsquo;analyser et d&rsquo;ex\u00e9cuter les fichiers, mais des latences se produisent, ce qui entra\u00eene un manque de r\u00e9activit\u00e9 sur les appareils finaux. Un faible taux de FID peut signifier que le site ou la page en question est inutilisable.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Causes d&rsquo;un mauvais FID<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">JavaScript<\/h5>\n\n\n\n<p>En g\u00e9n\u00e9ral, lorsque le fil principal est occup\u00e9, le navigateur ne peut pas r\u00e9pondre aux interactions. L&rsquo;ex\u00e9cution intensive de JavaScript aggrave ce probl\u00e8me en imposant des retards sur la vitesse de chargement.<\/p>\n\n\n\n<p>La limitation de la dur\u00e9e d&rsquo;ex\u00e9cution du JavaScript devrait am\u00e9liorer la r\u00e9activit\u00e9. L&rsquo;utilisation d&rsquo;un web worker peut \u00e9galement s&rsquo;av\u00e9rer utile. Ce sont l\u00e0 autant de moyens d&rsquo;optimiser les param\u00e8tres du site web pour l&rsquo;interaction.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cumulative Layout Shift (CLS)<\/h3>\n\n\n\n<p>L&rsquo;indicateur CLS (Cumulative Layout Shift) mesure la stabilit\u00e9 de la conception d&rsquo;une page web. Il permet de s&rsquo;assurer que les interactions avec les clients se d\u00e9roulent de la mani\u00e8re la plus naturelle possible. Les internautes sont souvent confront\u00e9s \u00e0 des interruptions ou \u00e0 des sauts lorsqu&rsquo;ils consultent le contenu d&rsquo;un site. Ces interruptions entra\u00eenent une perte de concentration et une mauvaise exp\u00e9rience.<\/p>\n\n\n\n<p>Ce d\u00e9sagr\u00e9ment est le r\u00e9sultat d&rsquo;une conception d\u00e9ficiente. Les effets pr\u00e9valent sur les sites web adapt\u00e9s aux mobiles et sur les navigateurs de bureau.<\/p>\n\n\n\n<p>L&rsquo;absence d&rsquo;\u00e9l\u00e9ments de conception corrects entra\u00eene une instabilit\u00e9 visuelle. Cette derni\u00e8re a tendance \u00e0 provoquer des changements soudains de mise en page, ce qui am\u00e8ne souvent l&rsquo;utilisateur \u00e0 cliquer par inadvertance sur un contenu ind\u00e9sirable. Les exemples typiques sont les sites contenant des publicit\u00e9s pop-up.<\/p>\n\n\n\n<p>Les nouvelles conceptions, m\u00eame si elles sont correctement structur\u00e9es, peuvent \u00e9galement ralentir les pages web. L&rsquo;algorithme de Google compense en autorisant une omission de 500 ms avant de commencer son processus de calcul.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Causes courantes d&rsquo;un mauvais CLS<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">Images sans dimensions<\/h5>\n\n\n\n<p>L&rsquo;exclusion des attributs de largeur et de hauteur pour les vid\u00e9os et les images se traduira par un mauvais classement. De nombreuses personnes ne r\u00e9servent pas d&rsquo;espace pour les m\u00e9dias, ce qui entra\u00eene des sauts et des d\u00e9calages.<\/p>\n\n\n\n<p>La solution est simple : toujours inclure la largeur et la hauteur. L&rsquo;autre option consiste \u00e0 utiliser des bo\u00eetes de ratio d&rsquo;aspect CSS. Elles sont pratiques pour r\u00e9server de l&rsquo;espace sur les sites web. Elles sont particuli\u00e8rement utiles sur les sites qui h\u00e9bergent des publicit\u00e9s.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Publicit\u00e9s, \u00e9l\u00e9ments int\u00e9gr\u00e9s et Iframes sans dimensions<\/h5>\n\n\n\n<p>Les publicit\u00e9s contribuent largement \u00e0 ce probl\u00e8me. Les r\u00e9seaux publicitaires optent pour un dimensionnement dynamique plut\u00f4t que statique, ce qui augmente le trafic sur les sites web. Malheureusement, cela se fait au d\u00e9triment de l&rsquo;exp\u00e9rience de l&rsquo;ordinateur de bureau ou du t\u00e9l\u00e9phone portable.<\/p>\n\n\n\n<p>Certains widgets permettent d&rsquo;int\u00e9grer des \u00e9l\u00e9ments tels que des vid\u00e9os, des cartes et du contenu de m\u00e9dias sociaux dans la page web. Le probl\u00e8me est que le site n&rsquo;a souvent aucune id\u00e9e de la taille ou de la composition exacte de l&rsquo;\u00e9l\u00e9ment int\u00e9gr\u00e9. En ne r\u00e9servant pas d&rsquo;espace, l&rsquo;instabilit\u00e9 devient apparente une fois la page charg\u00e9e.<\/p>\n\n\n\n<p>En calculant \u00e0 l&rsquo;avance les besoins spatiaux n\u00e9cessaires \u00e0 l&rsquo;int\u00e9gration ou au repli, le site \u00e9vite de compromettre le CLS. Les outils de d\u00e9veloppement des navigateurs sont pratiques pour obtenir la hauteur et la largeur du r\u00e9sultat. Une fois ces param\u00e8tres \u00e9tablis, l&rsquo;iframe s&rsquo;adaptera automatiquement \u00e0 l&rsquo;espace r\u00e9serv\u00e9 \u00e0 chaque chargement de la page.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Contenu dynamique embeded<\/h5>\n\n\n\n<p>Les \u00e9l\u00e9ments nouvellement ins\u00e9r\u00e9s sur d&rsquo;anciens supports sont \u00e9galement \u00e0 l&rsquo;origine des changements de mise en page. Les banni\u00e8res d&rsquo;appel \u00e0 l&rsquo;action en sont un exemple typique. Non seulement elles bloquent l&rsquo;interaction, mais elles irritent au lieu de convaincre.<\/p>\n\n\n\n<p>L\u00e0 encore, r\u00e9servez de l&rsquo;espace. En outre, les concepteurs de sites peuvent ajouter un squelette d&rsquo;interface utilisateur. Ce dernier est un espace r\u00e9serv\u00e9 qui emp\u00eachera le texte de migrer lorsque l&rsquo;image se chargera.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Polices de caract\u00e8res Web \u00e0 l&rsquo;origine de FOIT\/FOUT<\/h5>\n\n\n\n<p>Le t\u00e9l\u00e9chargement et le rendu des polices de caract\u00e8res Web sont \u00e0 l&rsquo;origine d&rsquo;un flash de texte non stylis\u00e9 (FOUT). Dans ce cas, un nouveau style remplace l&rsquo;impression de secours.<\/p>\n\n\n\n<p>Une autre cons\u00e9quence est l&rsquo;\u00e9clair de texte invisible (FOIT), qui masque la police de caract\u00e8res jusqu&rsquo;\u00e0 ce qu&rsquo;un nouveau cas soit disponible.<\/p>\n\n\n\n<p>L&rsquo;API de chargement des polices r\u00e9duit le temps n\u00e9cessaire pour obtenir les styles de lettrage n\u00e9cessaires, ce qui permet de minimiser ou d&rsquo;\u00e9radiquer les cas de FOUT et FOIT.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mesures des Core Web Vitals<\/h2>\n\n\n\n<p>Comme nous l&rsquo;avons indiqu\u00e9, les trois \u00e9l\u00e9ments vitaux du web ont des mesures individuelles. Chacun d&rsquo;entre eux est class\u00e9 selon des normes de temps diff\u00e9rentes.<\/p>\n\n\n\n<p>Une bonne note LCP est inf\u00e9rieure \u00e0 2,5 secondes. Google fait preuve d&rsquo;indulgence pour tout ce qui est inf\u00e9rieur \u00e0 4 secondes, mais cela signifie qu&rsquo;il y a encore de la place pour l&rsquo;am\u00e9lioration.<\/p>\n\n\n\n<p>L&rsquo;unit\u00e9 de mesure de la FID est la milliseconde. Si le temps \u00e9coul\u00e9 entre la saisie de l&rsquo;utilisateur et la r\u00e9action de la page web est inf\u00e9rieur \u00e0 100, c&rsquo;est l&rsquo;id\u00e9al. Un d\u00e9lai de 300 ms est acceptable, mais il laisse pr\u00e9sager des probl\u00e8mes \u00e0 venir. Tout d\u00e9lai sup\u00e9rieur \u00e0 300 ms entra\u00eene la rel\u00e9gation de la page web.<\/p>\n\n\n\n<p>La valeur id\u00e9ale pour le CLS est z\u00e9ro. Les algorithmes de Google acceptent 0,1, mais comme le maximum acceptable est de 0,25, la marge de man\u0153uvre est trop faible. Les administrateurs de sites web peuvent tout aussi bien viser la perfection totale.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Principaux outils d&rsquo;analyse pour les Core Web Vitals<\/h2>\n\n\n\n<p>Pour analyser les Core Web Vitals de votre site web, vous pouvez utiliser plusieurs outils qui vous fournissent des informations d\u00e9taill\u00e9es sur les performances de votre site en ce qui concerne l&rsquo;exp\u00e9rience utilisateur. Voici quelques-uns des principaux outils que vous pouvez utiliser :<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Google PageSpeed Insights<\/h3>\n\n\n\n<p>C&rsquo;est un outil gratuit de Google qui vous donne des informations sur la vitesse de chargement de votre site pour les appareils mobiles et les ordinateurs. Il mesure \u00e9galement les Core Web Vitals, y compris le Largest Contentful Paint (LCP), le Cumulative Layout Shift (CLS), et la First Input Delay (FID).<a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">PageSpeed Insights<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Google Search Console<\/h3>\n\n\n\n<p>Cet outil fournit des rapports sur les performances de votre site dans les r\u00e9sultats de recherche Google. Il inclut \u00e9galement des donn\u00e9es sur les Core Web Vitals. Vous pouvez consulter ces informations dans la section \u00ab\u00a0Am\u00e9liorations\u00a0\u00bb de la Search Console. (<a href=\"https:\/\/search.google.com\/search-console\/\">Google Search Console<\/a>)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Lighthouse<\/h3>\n\n\n\n<p>C&rsquo;est une extension de navigateur d\u00e9velopp\u00e9e par Google qui peut \u00eatre ex\u00e9cut\u00e9e directement dans Chrome. Lighthouse fournit des audits d\u00e9taill\u00e9s pour les performances, l&rsquo;accessibilit\u00e9, la SEO, et plus encore. Il mesure \u00e9galement les Core Web Vitals. (<a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\">Lighthouse<\/a>)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Web Vitals Extension pour Chrome<\/h3>\n\n\n\n<p>Cette extension vous permet de surveiller en temps r\u00e9el les Core Web Vitals de votre site pendant que vous naviguez. Elle affiche les m\u00e9triques LCP, FID et CLS pour chaque page visit\u00e9e. (<a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-vitals\/ahfhijdlegdabablpippeagghigmibma\">Web Vitals Extension<\/a>)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Chrome DevTools<\/h3>\n\n\n\n<p>Les DevTools int\u00e9gr\u00e9es dans Google Chrome offrent des outils puissants pour le d\u00e9veloppement web. Vous pouvez utiliser l&rsquo;onglet \u00ab\u00a0Performance\u00a0\u00bb pour enregistrer et analyser les performances de chargement de votre site, y compris les Core Web Vitals. (<a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\">Chrome DevTools<\/a>)<\/p>\n\n\n\n<p>En utilisant ces outils, vous pourrez identifier les domaines de votre site qui n\u00e9cessitent des am\u00e9liorations pour r\u00e9pondre aux recommandations des Core Web Vitals et, par cons\u00e9quent, am\u00e9liorer l&rsquo;exp\u00e9rience utilisateur globale.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pourquoi l&rsquo;optimisation de Core Web Vitals est-elle importante ?<\/h2>\n\n\n\n<p>Depuis la MAJ de Google en 2021, es signaux SEO habituels ne suffisent plus \u00e0 maintenir un classement \u00e9lev\u00e9 sur Google.<\/p>\n\n\n\n<p>Il s&rsquo;agit de la mise en \u0153uvre d&rsquo;une norme pr\u00f4nant la qualit\u00e9 de l&rsquo;interface utilisateur. Les sites en phase avec les crit\u00e8res Core Web Vitals pas affect\u00e9s. Les pages web qui ne se sont pas adapt\u00e9es en ressentiront certainement les effets, malgr\u00e9 l&rsquo;efficacit\u00e9 de leur r\u00e9f\u00e9rencement. Les listings dont le Core Web Vitals est faible baisseront dans le classement, laissant la place aux entit\u00e9s qui sont conformes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>En \u00e9tablissant une nouvelle r\u00e9glementation en mati\u00e8re de marketing SEO, Google ouvre la voie \u00e0 l&rsquo;am\u00e9lioration. La norme Core Web Vital est la premi\u00e8re, et de nombreuses autres suivront certainement. Ces mesures cr\u00e9ent une plateforme pour qu&rsquo;une nouvelle \u00e8re de l&rsquo;internet fusionne avec d&rsquo;autres technologies \u00e9mergentes sans faille.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans le domaine du marketing SEO, les entreprises, les blogs, les sites web et les plateformes en ligne sont en concurrence quotidienne. Le haut des r\u00e9sultats de recherche Google est l&rsquo;endroit o\u00f9 ils veulent \u00eatre. Parmi les innombrables SERPs de Google, 90 % des sites r\u00e9pertori\u00e9s n&rsquo;atteignent jamais la premi\u00e8re page. Les 10 % qui [&hellip;]<\/p>\n","protected":false},"author":288,"featured_media":23256,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_sb_show_comment_boards":false,"content-type":"","om_disable_all_campaigns":false,"footnotes":""},"categories":[42],"class_list":["post-19830","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Core Web Vitals: Tout ce qu&#039;il faut savoir pour les maitriser en 2024<\/title>\n<meta name=\"description\" content=\"Vous souhaitez am\u00e9liorer les Core Web Vitals de votre site ? D\u00e9couvrez les secrets pour avoir un site performant aux yeux de Google!\" \/>\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.sortlist.fr\/blog\/core-web-vitals\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Core Web Vitals: Tout ce qu&#039;il faut savoir pour les maitriser en 2024\" \/>\n<meta property=\"og:description\" content=\"Vous souhaitez am\u00e9liorer les Core Web Vitals de votre site ? D\u00e9couvrez les secrets pour avoir un site performant aux yeux de Google!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sortlist.fr\/blog\/core-web-vitals\/\" \/>\n<meta property=\"og:site_name\" content=\"Sortlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-29T17:23:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-04T16:10:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1748\" \/>\n\t<meta property=\"og:image:height\" content=\"1240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Malo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Malo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/core-web-vitals\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/core-web-vitals\\\/\"},\"author\":{\"name\":\"Malo\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/#\\\/schema\\\/person\\\/9d1a2895960a1728f10146ec918f62ff\"},\"headline\":\"Core Web Vitals: Tout ce qu&rsquo;il faut savoir pour les maitriser en 2024\",\"datePublished\":\"2023-11-29T17:23:58+00:00\",\"dateModified\":\"2025-01-04T16:10:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/core-web-vitals\\\/\"},\"wordCount\":2541,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/core-web-vitals\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2023\\\/11\\\/core-web-vitals.webp\",\"articleSection\":[\"SEO\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/core-web-vitals\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/core-web-vitals\\\/\",\"url\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/core-web-vitals\\\/\",\"name\":\"Core Web Vitals: Tout ce qu'il faut savoir pour les maitriser en 2024\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/core-web-vitals\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/core-web-vitals\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2023\\\/11\\\/core-web-vitals.webp\",\"datePublished\":\"2023-11-29T17:23:58+00:00\",\"dateModified\":\"2025-01-04T16:10:04+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/#\\\/schema\\\/person\\\/9d1a2895960a1728f10146ec918f62ff\"},\"description\":\"Vous souhaitez am\u00e9liorer les Core Web Vitals de votre site ? D\u00e9couvrez les secrets pour avoir un site performant aux yeux de Google!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/core-web-vitals\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/core-web-vitals\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/core-web-vitals\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2023\\\/11\\\/core-web-vitals.webp\",\"contentUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2023\\\/11\\\/core-web-vitals.webp\",\"width\":1748,\"height\":1240},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/core-web-vitals\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Core Web Vitals: Tout ce qu&rsquo;il faut savoir pour les maitriser en 2024\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/\",\"name\":\"Sortlist Blog\",\"description\":\"Guides, e-books, interviews &amp; articles d\u2019experts pour vous lancer dans le marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/#\\\/schema\\\/person\\\/9d1a2895960a1728f10146ec918f62ff\",\"name\":\"Malo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2023\\\/06\\\/avatar_user_288_1687182805-96x96.jpeg\",\"url\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2023\\\/06\\\/avatar_user_288_1687182805-96x96.jpeg\",\"contentUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2023\\\/06\\\/avatar_user_288_1687182805-96x96.jpeg\",\"caption\":\"Malo\"},\"description\":\"Malo est passionn\u00e9 par le marketing digital, avec une sp\u00e9cialisation approfondie dans le domaine du SEO. Fort d'une exp\u00e9rience pr\u00e9cieuse en agence, il a aid\u00e9 de nombreuses entreprises \u00e0 accro\u00eetre leur visibilit\u00e9 sur Google. En plus du SEO, il ma\u00eetrise divers aspects du marketing digital, offrant ainsi des connaissances vari\u00e9es et compl\u00e8tes. Ses articles vous guideront dans l'optimisation de votre pr\u00e9sence en ligne, tout en abordant d'autres aspects du marketing digital pour booster votre strat\u00e9gie globale. Rejoignez-le dans cette aventure pour propulser votre entreprise vers de nouveaux sommets de succ\u00e8s num\u00e9rique !\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/malo-le-cras-737086129\\\/\"],\"url\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/author\\\/malolecras\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Core Web Vitals: Tout ce qu'il faut savoir pour les maitriser en 2024","description":"Vous souhaitez am\u00e9liorer les Core Web Vitals de votre site ? D\u00e9couvrez les secrets pour avoir un site performant aux yeux de Google!","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.sortlist.fr\/blog\/core-web-vitals\/","og_locale":"fr_FR","og_type":"article","og_title":"Core Web Vitals: Tout ce qu'il faut savoir pour les maitriser en 2024","og_description":"Vous souhaitez am\u00e9liorer les Core Web Vitals de votre site ? D\u00e9couvrez les secrets pour avoir un site performant aux yeux de Google!","og_url":"https:\/\/www.sortlist.fr\/blog\/core-web-vitals\/","og_site_name":"Sortlist Blog","article_published_time":"2023-11-29T17:23:58+00:00","article_modified_time":"2025-01-04T16:10:04+00:00","og_image":[{"width":1748,"height":1240,"url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals.webp","type":"image\/webp"}],"author":"Malo","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Malo","Dur\u00e9e de lecture estim\u00e9e":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.sortlist.fr\/blog\/core-web-vitals\/#article","isPartOf":{"@id":"https:\/\/www.sortlist.fr\/blog\/core-web-vitals\/"},"author":{"name":"Malo","@id":"https:\/\/www.sortlist.fr\/blog\/#\/schema\/person\/9d1a2895960a1728f10146ec918f62ff"},"headline":"Core Web Vitals: Tout ce qu&rsquo;il faut savoir pour les maitriser en 2024","datePublished":"2023-11-29T17:23:58+00:00","dateModified":"2025-01-04T16:10:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.sortlist.fr\/blog\/core-web-vitals\/"},"wordCount":2541,"commentCount":0,"image":{"@id":"https:\/\/www.sortlist.fr\/blog\/core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals.webp","articleSection":["SEO"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.sortlist.fr\/blog\/core-web-vitals\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.sortlist.fr\/blog\/core-web-vitals\/","url":"https:\/\/www.sortlist.fr\/blog\/core-web-vitals\/","name":"Core Web Vitals: Tout ce qu'il faut savoir pour les maitriser en 2024","isPartOf":{"@id":"https:\/\/www.sortlist.fr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sortlist.fr\/blog\/core-web-vitals\/#primaryimage"},"image":{"@id":"https:\/\/www.sortlist.fr\/blog\/core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals.webp","datePublished":"2023-11-29T17:23:58+00:00","dateModified":"2025-01-04T16:10:04+00:00","author":{"@id":"https:\/\/www.sortlist.fr\/blog\/#\/schema\/person\/9d1a2895960a1728f10146ec918f62ff"},"description":"Vous souhaitez am\u00e9liorer les Core Web Vitals de votre site ? D\u00e9couvrez les secrets pour avoir un site performant aux yeux de Google!","breadcrumb":{"@id":"https:\/\/www.sortlist.fr\/blog\/core-web-vitals\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sortlist.fr\/blog\/core-web-vitals\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.sortlist.fr\/blog\/core-web-vitals\/#primaryimage","url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals.webp","contentUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2023\/11\/core-web-vitals.webp","width":1748,"height":1240},{"@type":"BreadcrumbList","@id":"https:\/\/www.sortlist.fr\/blog\/core-web-vitals\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sortlist.fr\/blog\/"},{"@type":"ListItem","position":2,"name":"Core Web Vitals: Tout ce qu&rsquo;il faut savoir pour les maitriser en 2024"}]},{"@type":"WebSite","@id":"https:\/\/www.sortlist.fr\/blog\/#website","url":"https:\/\/www.sortlist.fr\/blog\/","name":"Sortlist Blog","description":"Guides, e-books, interviews &amp; articles d\u2019experts pour vous lancer dans le marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sortlist.fr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.sortlist.fr\/blog\/#\/schema\/person\/9d1a2895960a1728f10146ec918f62ff","name":"Malo","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2023\/06\/avatar_user_288_1687182805-96x96.jpeg","url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2023\/06\/avatar_user_288_1687182805-96x96.jpeg","contentUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/2\/2023\/06\/avatar_user_288_1687182805-96x96.jpeg","caption":"Malo"},"description":"Malo est passionn\u00e9 par le marketing digital, avec une sp\u00e9cialisation approfondie dans le domaine du SEO. Fort d'une exp\u00e9rience pr\u00e9cieuse en agence, il a aid\u00e9 de nombreuses entreprises \u00e0 accro\u00eetre leur visibilit\u00e9 sur Google. En plus du SEO, il ma\u00eetrise divers aspects du marketing digital, offrant ainsi des connaissances vari\u00e9es et compl\u00e8tes. Ses articles vous guideront dans l'optimisation de votre pr\u00e9sence en ligne, tout en abordant d'autres aspects du marketing digital pour booster votre strat\u00e9gie globale. Rejoignez-le dans cette aventure pour propulser votre entreprise vers de nouveaux sommets de succ\u00e8s num\u00e9rique !","sameAs":["https:\/\/www.linkedin.com\/in\/malo-le-cras-737086129\/"],"url":"https:\/\/www.sortlist.fr\/blog\/author\/malolecras\/"}]}},"_links":{"self":[{"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/posts\/19830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/users\/288"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/comments?post=19830"}],"version-history":[{"count":5,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/posts\/19830\/revisions"}],"predecessor-version":[{"id":23257,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/posts\/19830\/revisions\/23257"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/media\/23256"}],"wp:attachment":[{"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/media?parent=19830"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/categories?post=19830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}