{"id":10356,"date":"2022-06-13T10:44:53","date_gmt":"2022-06-13T10:44:53","guid":{"rendered":"\/tutoriels\/?p=10356"},"modified":"2024-04-22T19:35:23","modified_gmt":"2024-04-22T19:35:23","slug":"core-web-vitals","status":"publish","type":"post","link":"\/fr\/tutoriels\/core-web-vitals","title":{"rendered":"C&rsquo;est quoi les Core Web Vitals : comprendre les signaux web"},"content":{"rendered":"<p>L&rsquo;algorithme et les facteurs de classement de Google &eacute;taient auparavant essentiellement s&eacute;mantiques. Cependant, le moteur de recherche a commenc&eacute; &agrave; donner la priorit&eacute; &agrave; l&rsquo;exp&eacute;rience utilisateur apr&egrave;s ses r&eacute;centes mises &agrave; jour. <\/p><p>Apr&egrave;s avoir appliqu&eacute; divers crit&egrave;res d&rsquo;exp&eacute;rience utilisateur, comme la vitesse des pages et la convivialit&eacute; pour les mobiles, Google a annonc&eacute; les Core Web Vitals en mai 2020 afin de fournir des orientations unifi&eacute;es pour les signaux de qualit&eacute; d&rsquo;un site internet.<\/p><p>Ce guide explique les informations n&eacute;cessaires sur les Core Web Vitals, notamment la d&eacute;finition et les outils permettant de mesurer le score de votre site Web. Nous vous montrerons &eacute;galement comment utiliser l&rsquo;un des outils et discuterons d&rsquo;autres m&eacute;triques qui soutiennent les trois principaux indicateurs Core Web Vitals (LCP, INP et CLS).<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Speed-Up-Your-Website-FR.pdf\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/eBook_-Speed-Up-your-website-FR-1024x283-1.png\/public\" alt=\"\" class=\"wp-image-41455\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/eBook_-Speed-Up-your-website-FR-1024x283-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/eBook_-Speed-Up-your-website-FR-1024x283-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/eBook_-Speed-Up-your-website-FR-1024x283-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/eBook_-Speed-Up-your-website-FR-1024x283-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>\n\n\n\n\n\n<div class=\"protip\">\n                    <h2 class=\"featured-snippet title\">Quels sont les Core Web Vitals ?<\/h2>\n                    <p>Les Core Web Vitals de Google ou les signaux web essentiels sont des param&egrave;tres normalis&eacute;s permettant de mesurer l&rsquo;exp&eacute;rience des utilisateurs. Les Core Web Vitals repr&eacute;sentent trois &eacute;l&eacute;ments qui ont un impact sur la fa&ccedil;on dont les utilisateurs interagissent avec un site internet : la vitesse de chargement, l&rsquo;interaction avec l&rsquo;utilisateur et la stabilit&eacute; visuelle.<\/p>\n                <\/div>\n\n\n\n<\/p><p>Les indicateurs Core Web Vitals aident les propri&eacute;taires de sites web &agrave; &eacute;valuer leurs sites internet et leurs exp&eacute;riences sur le Web, ainsi qu&rsquo;&agrave; identifier les domaines &agrave; am&eacute;liorer en affichant des scores de r&eacute;f&eacute;rence sp&eacute;cifiques.<\/p><h2 class=\"wp-block-heading\" id=\"h-principales-metriques-de-core-web-vitals\">Principales m&eacute;triques de Core Web Vitals<\/h2><p>Google indique que les param&egrave;tres de Core Web Vitals <a href=\"https:\/\/web.dev\/articles\/vitals?hl=fr\" target=\"_blank\" rel=\"noopener\">peuvent &eacute;voluer au fil du temps<\/a>, en fonction de ce que les utilisateurs consid&egrave;rent comme une bonne exp&eacute;rience de page. Actuellement, les propri&eacute;taires et les d&eacute;veloppeurs de sites doivent mesurer les trois param&egrave;tres Core Web Vitals suivants.<\/p><h3 class=\"wp-block-heading\" id=\"h-largest-contentful-paint-lcp-temps-de-chargement-de-la-page\">Largest Contentful Paint (LCP) &ndash; Temps de chargement de la page<\/h3><p>Le <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/largest-contentful-paint\">Largest Contentful Paint (LCP)<\/a> v&eacute;rifie le temps de rendu du contenu principal au d&eacute;but du chargement de la page. Le contenu principal est g&eacute;n&eacute;ralement la plus grande image ou un bloc de texte dans la fen&ecirc;tre d&rsquo;affichage, c&rsquo;est-&agrave;-dire la zone visible d&rsquo;une page Web sur l&rsquo;appareil d&rsquo;un utilisateur.<\/p><p>Les donn&eacute;es LCP se composent principalement des &eacute;l&eacute;ments suivants :<\/p><ul class=\"wp-block-list\">\n<li>&Eacute;l&eacute;ments d&rsquo;image<\/li>\n\n\n\n<li>Texte au niveau du bloc<\/li>\n\n\n\n<li>Images d&rsquo;affiches vid&eacute;o<\/li>\n\n\n\n<li>Images d&rsquo;arri&egrave;re-plan<\/li>\n<\/ul><p>Les propri&eacute;taires de sites doivent s&rsquo;assurer que le score de Core Web Vitals est <strong>inf&eacute;rieur ou &eacute;gal &agrave; 2,5 secondes<\/strong> pour offrir une bonne exp&eacute;rience utilisateur et atteindre une vitesse de site id&eacute;ale.<\/p><p>Bien que le contenu &agrave; chargement tardif soit souvent plus volumineux que les autres &eacute;l&eacute;ments de la page, ce n&rsquo;est pas toujours le cas. Le pr&eacute;chargement du contenu le plus volumineux aide la page &agrave; obtenir un meilleur score LCP et &agrave; am&eacute;liorer l&rsquo;exp&eacute;rience de la page.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"694\" height=\"366\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-85.png\/public\" alt=\"Temps n&eacute;cessaire pour pr&eacute;charger une page avec le contenu le plus important\" class=\"wp-image-20749\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-85.png\/w=694,fit=scale-down 694w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-85.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-85.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 694px) 100vw, 694px\" \/><\/figure><\/div><p>Les facteurs courants d&rsquo;un mauvais score LCP sont la lenteur des temps de r&eacute;ponse du serveur, le rendu c&ocirc;t&eacute; client et les images de grande taille.<\/p><h3 class=\"wp-block-heading\" id=\"h-interaction-to-next-paint-inp-reactivite-de-la-page\">Interaction to Next Paint (INP) &ndash; R&eacute;activit&eacute; de la page<\/h3><p>Le score INP (Interaction to Next Paint) &eacute;value la rapidit&eacute; avec laquelle votre page r&eacute;agit &agrave; l&rsquo;interaction de l&rsquo;utilisateur, par exemple en cliquant sur un lien ou un bouton CTA.<\/p><p>Un score INP &eacute;lev&eacute; signifie que vos utilisateurs doivent attendre un certain temps avant que la page ne soit mise &agrave; jour apr&egrave;s leur interaction. Cela peut nuire &agrave; l&rsquo;exp&eacute;rience de l&rsquo;utilisateur et augmenter votre taux de rebond.<\/p><p>Les scores INP sont &eacute;valu&eacute;s comme suit :<\/p><ul class=\"wp-block-list\">\n<li><strong>Bon r&eacute;sultat <\/strong>&ndash; moins de 200 millisecondes.<\/li>\n\n\n\n<li><strong>Am&eacute;lioration n&eacute;cessaire <\/strong>&ndash; entre 200 et 500 millisecondes.<\/li>\n\n\n\n<li><strong>Mauvais r&eacute;sultat <\/strong>&ndash; plus de 500 millisecondes.<\/li>\n<\/ul><p>Pour am&eacute;liorer votre score INP, &eacute;valuez la taille et la complexit&eacute; de votre site web. Veillez &agrave; minifier les fichiers JavaScript, &agrave; activer la compression GZip et &agrave; utiliser un CDN.<\/p><p>Les utilisateurs d&rsquo;Hostinger peuvent b&eacute;n&eacute;ficier d&rsquo;un CDN interne, qui peut acc&eacute;l&eacute;rer votre site web de <strong>40 %<\/strong>. Il ne co&ucirc;te rien aux utilisateurs de l&rsquo;h&eacute;bergement web Business ou de tout autre plan sup&eacute;rieur.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/public\" alt=\"\" class=\"wp-image-41467\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h3 class=\"wp-block-heading\" id=\"h-cumulative-layout-shift-cls-experience-visuelle-de-la-page\">Cumulative Layout Shift (CLS) &ndash; Exp&eacute;rience visuelle de la page<\/h3><p>L&rsquo;indicateur <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/cumulative-layout-shift\">Cumulative Layout Shift (CLS)<\/a> mesure la stabilit&eacute; visuelle et v&eacute;rifie s&rsquo;il y a un d&eacute;placement inattendu de la mise en page.<\/p><p>Un d&eacute;placement inattendu se produit lorsque des &eacute;l&eacute;ments de la page tels que du texte, des boutons et des images sont pouss&eacute;s vers le bas alors que la page est encore en cours de chargement. Cela entra&icirc;ne souvent une frustration, car l&rsquo;utilisateur peut cliquer sur autre chose lorsque les &eacute;l&eacute;ments sont en mouvement.<\/p><p>Les pages doivent avoir un score CLS de <strong>0,1 ou moins<\/strong>.<\/p><p>Auparavant, Google mesurait cette mesure Core Web Vitals en calculant la somme des scores individuels de d&eacute;calage de la mise en page sur l&rsquo;ensemble de la page.<\/p><p>Depuis 2021, le syst&egrave;me <a href=\"https:\/\/web.dev\/evolving-cls\/\" target=\"_blank\" rel=\"noopener\">note les fen&ecirc;tres de session<\/a>. Il regroupe un ou plusieurs changements de mise en page individuels se produisant dans un d&eacute;lai maximum de cinq secondes, avec un &eacute;cart d&rsquo;une seconde entre les fen&ecirc;tres.<\/p><p>Les facteurs les plus courants de d&eacute;calage de mise en page sont les images, les widgets et les banni&egrave;res publicitaires sans dimensions.<\/p><h2 class=\"wp-block-heading\" id=\"h-quelle-est-l-importance-des-core-web-vitals\">Quelle est l&rsquo;importance des Core Web Vitals ?<\/h2><p>Les Core Web Vitals font partie des signaux d&rsquo;exp&eacute;rience de page avec la convivialit&eacute; mobile, la s&eacute;curit&eacute; de la navigation et l&rsquo;absence d&rsquo;interstitiels intrusifs.<\/p><p>Depuis ao&ucirc;t 2021, les mesures de l&rsquo;exp&eacute;rience de la page sont devenues un <a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/page-experience?hl=fr\" target=\"_blank\" rel=\"noopener\">signal de classement <\/a>important pour les appareils mobiles. <\/p><p>La m&ecirc;me mise &agrave; jour de l&rsquo;exp&eacute;rience des pages de Google montre &eacute;galement que le moteur de recherche donne toujours la priorit&eacute; aux pages dont le contenu est le plus pertinent. Cependant, l&rsquo;exp&eacute;rience des pages peut augmenter la visibilit&eacute; si plusieurs pages ont des niveaux de pertinence similaires.<\/p><p>Par cons&eacute;quent, nous pouvons conclure que les Core Web Vitals jouent un r&ocirc;le important dans les facteurs de l&rsquo;<a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/quest-ce-que-le-seo-un-guide-complet\">optimisation pour les moteurs de recherche (SEO)<\/a>.<\/p><p>Les Core Web Vitals vous permettent &eacute;galement de vous assurer que votre site offre des performances rapides et stables, ce qui peut augmenter les taux de conversion et d&rsquo;engagement.<\/p><p>En fait, plus de 50 % des utilisateurs mobiles abandonnent une page qui prend plus de trois secondes &agrave; charger. Une &agrave; trois secondes suppl&eacute;mentaires sur le temps de chargement peut <a href=\"https:\/\/support.google.com\/webmasters\/answer\/9205520?hl=fr\" target=\"_blank\" rel=\"noopener\">augmenter le taux de rebond de 32 %<\/a>.<\/p><h2 class=\"wp-block-heading\" id=\"h-outils-pour-mesurer-les-core-web-vitals\">Outils pour mesurer les Core Web Vitals<\/h2><p>Les Core Web Vitals &eacute;tant devenus un signal de classement, les experts en SEO doivent surveiller leurs scores et s&rsquo;assurer que les mesures sont performantes pour obtenir les meilleures positions dans les r&eacute;sultats de recherche de Google.<\/p><p>Voici trois outils Google permettant de mesurer les Core Web Vitals :<\/p><ul class=\"wp-block-list\">\n<li><strong>PageSpeed Insights<\/strong> &ndash; rapporte les donn&eacute;es Core Web Vitals sur les appareils mobiles et de bureau sur la p&eacute;riode pr&eacute;c&eacute;dente de 28 jours. Il affiche &eacute;galement une analyse de <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/test-de-vitesse-de-site-web\">test de vitesse<\/a> pour v&eacute;rifier le temps de chargement de votre site Web. Pour utiliser cet outil, rendez-vous sur le site <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener\">PageSpeed Insights<\/a>, saisissez une URL et cliquez sur le bouton <strong>Analyser<\/strong>.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"349\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/Page-d-accueil-pageSpeed-Insights.png\/public\" alt=\"Page d'accueil de PageSpeed Insights\" class=\"wp-image-28568\" title=\"Page-d'accueil-de-PageSpeed-Insights\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/Page-d-accueil-pageSpeed-Insights.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/Page-d-accueil-pageSpeed-Insights.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/Page-d-accueil-pageSpeed-Insights.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/Page-d-accueil-pageSpeed-Insights.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ul class=\"wp-block-list\">\n<li><strong>Lighthouse<\/strong> &ndash; est un outil open-source et automatis&eacute; pour le suivi des performances web. Lighthouse dispose de plusieurs param&egrave;tres que PageSpeed Insights ne poss&egrave;de pas, comme l&rsquo;accessibilit&eacute; et le SEO. Deux m&eacute;thodes pour utiliser cet outil consistent &agrave; installer l&rsquo;extension et &agrave; cliquer avec le bouton droit de la souris sur une page sp&eacute;cifique que vous souhaitez analyser <strong>-&gt; Inspecter -&gt; Lighthouse<\/strong>.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/06\/lighthouse-report.png\/public\" alt=\"Page de r&eacute;sultats des performances de l'extension Chrome Lighthouse\" class=\"wp-image-24548\" title=\"extension-Chrome-Lighthouse\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/06\/lighthouse-report.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/06\/lighthouse-report.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/06\/lighthouse-report.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/06\/lighthouse-report.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ul class=\"wp-block-list\">\n<li><strong>Search Console<\/strong> &ndash; affiche les mesures de performance du rapport Core Web Vitals dans la section <strong>Exp&eacute;rience<\/strong>. Contrairement &agrave; Lighthouse et PageSpeed Insights, cet outil vous permet de v&eacute;rifier l&rsquo;ensemble des pages Web de votre site.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"734\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-88.png\/public\" alt=\"Rapport Core Web Vitals sur Google Search Console\" class=\"wp-image-20753\" title=\"Rapport-Core-Web-Vitals-sur-Google-Search-Console\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-88.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-88.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-88.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-88.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><figure tabindex=\"0\" class=\"wp-block-table\"><table><tbody><tr><td><\/td><td><strong>LCP<\/strong><\/td><td><strong>INP<\/strong><\/td><td><strong>CLS<\/strong><\/td><\/tr><tr><td><strong>PageSpeed Insights<\/strong><\/td><td>Oui<\/td><td>Oui<\/td><td>Oui<\/td><\/tr><tr><td><strong>Lighthouse<\/strong><\/td><td>Oui<\/td><td>Oui<\/td><td>Oui<\/td><\/tr><tr><td><strong>Search Console<\/strong><\/td><td>Oui<\/td><td>Oui<\/td><td>Oui<\/td><\/tr><\/tbody><\/table><\/figure><p>Les chiffres refl&egrave;tent toujours avec pr&eacute;cision l&rsquo;exp&eacute;rience r&eacute;elle avec n&rsquo;importe quel outil Google, gr&acirc;ce au rapport sur l&rsquo;exp&eacute;rience utilisateur de Chrome ( Chrome UX report ).<\/p><p>Ce rapport recueille les donn&eacute;es des utilisateurs anonymes de Google Chrome qui ont choisi de synchroniser leur historique de navigation. Il aide les propri&eacute;taires de sites &agrave; &eacute;valuer rapidement les performances de leurs pages sans avoir &agrave; connecter manuellement leurs outils Google Analytics.<\/p><p>Google applique la <a href=\"https:\/\/web.dev\/articles\/defining-core-web-vitals-thresholds?hl=fr\" target=\"_blank\" rel=\"noopener\">valeur du 75e centile<\/a> de toutes les pages vues pour classer la performance globale. Cela signifie que Google attribue une bonne note au site ou &agrave; la page si au moins 75 % des pages consult&eacute;es atteignent le seuil &laquo;&nbsp;Bon&nbsp;&raquo; de chaque Core Web Vitals.<\/p><p>Notez que le score d&rsquo;une page n&rsquo;influence pas les performances des autres pages pour chaque crit&egrave;re. Par exemple, une page d&rsquo;accueil peut avoir un score inf&eacute;rieur &agrave; celui d&rsquo;une page de produit.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Lecture sugg&eacute;r&eacute;e<\/h4>\n                    <p> Lisez notre tutoriel pour d&eacute;couvrir d'autres <a href=\"\/fr\/tutoriels\/conseils-seo-wordpress\">strat&eacute;gies de SEO WordPress<\/a> afin d'am&eacute;liorer le classement de votre site. <\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-comment-mesurer-les-core-web-vitals\">Comment mesurer les Core Web Vitals ?<\/h2><p>Mesurer les Core Web Vitals est facile avec les outils ci-dessus. Ils affichent les probl&egrave;mes et vous donnent des suggestions pratiques pour les am&eacute;liorer.<\/p><p>Cette section vous guidera &agrave; travers un test Core Web Vitals &agrave; partir de la page Hostinger Tutoriels en utilisant PageSpeed Insights.<\/p><p>Tapez <strong>hostinger.fr\/tutoriels<\/strong> et cliquez sur <strong>Analyser<\/strong>. L&rsquo;outil affichera des barres de score pour plusieurs mesures de base et indiquera si la page Web r&eacute;ussit ou &eacute;choue &agrave; l&rsquo;&eacute;valuation Core Web Vitals.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2023\/12\/evaluation-cwb-pagespeed-insights-1.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"475\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/evaluation-cwb-pagespeed-insights-1.png\/public\" alt=\"&Eacute;valuation de Core Web Vitals sur PageSpeed Insights\" class=\"wp-image-28570\" title=\"evaluation-de-Core-Web-Vitals-sur-PageSpeed-Insights\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/evaluation-cwb-pagespeed-insights-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/evaluation-cwb-pagespeed-insights-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/evaluation-cwb-pagespeed-insights-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/evaluation-cwb-pagespeed-insights-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>Cliquez sur <strong>D&eacute;velopper la vue<\/strong> pour voir des scores plus d&eacute;taill&eacute;s.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ff5f2d13e3c\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"472\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/scores-cwb-PageSpeed-Insights.png\/public\" alt=\"Les scores de Core Web Vitals sur PageSpeed Insights\" class=\"wp-image-28573\" title=\"scores-de-Core-Web-Vitals\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/scores-cwb-PageSpeed-Insights.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/scores-cwb-PageSpeed-Insights.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/scores-cwb-PageSpeed-Insights.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/scores-cwb-PageSpeed-Insights.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Changez l&rsquo;analyse en <strong>Mobile<\/strong> ou <strong>Bureau<\/strong> pour voir les scores de chaque appareil.<\/p><p>Faites d&eacute;filer vers le bas pour voir les scores exacts de chaque m&eacute;trique. Ici, tous les chiffres sont verts, ce qui indique que la page des tutoriels Hostinger a de bons scores Core Web Vitals.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ff5f2d16a8e\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"479\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/scores-vert-PageSpeed-Insights.png\/public\" alt=\"Les scores verts sur PageSpeed Insights indiquant une bonne performance\" class=\"wp-image-28576\" title=\"scores-verts-sur-PageSpeed-Insights\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/scores-vert-PageSpeed-Insights.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/scores-vert-PageSpeed-Insights.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/scores-vert-PageSpeed-Insights.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/scores-vert-PageSpeed-Insights.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Les chiffres seront rouges si l&rsquo;outil constate que la page offre de mauvaises performances.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ff5f2d19545\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"477\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/score-site-cnn-sur-PageSpeed-Insights.png\/public\" alt=\"Le score rouge sur PageSpeed Insights indiquant de mauvaises performances Core Web Vitals\" class=\"wp-image-28577\" title=\"score-rouge-sur-PageSpeed-Insights\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/score-site-cnn-sur-PageSpeed-Insights.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/score-site-cnn-sur-PageSpeed-Insights.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/score-site-cnn-sur-PageSpeed-Insights.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/score-site-cnn-sur-PageSpeed-Insights.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Sous la section <strong>Statistiques<\/strong>, les sections <strong>Opportunit&eacute;s<\/strong> et <strong>Diagnostic<\/strong> pr&eacute;sentent les suggestions de PageSpeed Insights pour am&eacute;liorer les performances de la page.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ff5f2d1c2ad\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"479\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/section-opportunites-et-diagnostic-sur-PageSpeed-Insights.png\/public\" alt=\"Les sections Opportunit&eacute;s et Diagnostic sur PageSpeed Insights\" class=\"wp-image-28578\" title=\"sections-Opportunit&eacute;s-et-Diagnostic-sur-PageSpeed-Insights\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/section-opportunites-et-diagnostic-sur-PageSpeed-Insights.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/section-opportunites-et-diagnostic-sur-PageSpeed-Insights.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/section-opportunites-et-diagnostic-sur-PageSpeed-Insights.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/section-opportunites-et-diagnostic-sur-PageSpeed-Insights.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Par exemple, si l&rsquo;outil d&eacute;tecte une image de grande taille, il sugg&eacute;rera de la t&eacute;l&eacute;charger via la biblioth&egrave;que multim&eacute;dia pour &eacute;viter d&rsquo;utiliser des photos en taille r&eacute;elle. Le tableau ci-dessous pr&eacute;sente les photos qui peuvent &ecirc;tre optimis&eacute;es et les &eacute;conomies potentielles qu&rsquo;elles permettent de r&eacute;aliser.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ff5f2d1ee20\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"514\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-96.png\/public\" alt=\"Suggestions de Core Web Vitals sur PageSpeed Insights pour ordinateur de bureau\" class=\"wp-image-20763\" title=\"Suggestions-de-Core-Web-Vitals\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-96.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-96.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-96.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-96.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Pour filtrer les suggestions, cliquez sur une mesure sp&eacute;cifique au-dessus de la section <strong>Opportunit&eacute;s<\/strong>. Cliquez sur le bouton <strong>Consultez la carte proportionnelle<\/strong> pour voir les donn&eacute;es JavaScript regroup&eacute;es de mani&egrave;re hi&eacute;rarchique.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ff5f2d2184c\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1202\" height=\"455\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/Fonctionnalites-filtre-et-treemap-PageSpeed-Insights.png\/public\" alt=\"Fonctionnalit&eacute;s de filtre et de treemap sur PageSpeed Insights\" class=\"wp-image-28579\" title=\"Fonctionnalit&eacute;s-de-filtre-et-de-treemap-sur-PageSpeed-Insights\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/Fonctionnalites-filtre-et-treemap-PageSpeed-Insights.png\/w=1202,fit=scale-down 1202w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/Fonctionnalites-filtre-et-treemap-PageSpeed-Insights.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/Fonctionnalites-filtre-et-treemap-PageSpeed-Insights.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/Fonctionnalites-filtre-et-treemap-PageSpeed-Insights.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/12\/Fonctionnalites-filtre-et-treemap-PageSpeed-Insights.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1202px) 100vw, 1202px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-autres-metriques-de-performance-a-verifier\">Autres m&eacute;triques de performance &agrave; v&eacute;rifier<\/h2><p>Outre les trois m&eacute;triques ci-dessus, les propri&eacute;taires de sites doivent &eacute;galement tenir compte d&rsquo;autres facteurs pour offrir une exp&eacute;rience utilisateur optimale. Il s&rsquo;agit notamment du First Contentful Paint (FCP), du Total Blocking Time (TBT) et du Time to Interactive (TTI).<\/p><p>Bien que vous puissiez trouver ces nouvelles mesures sur certains des outils Core Web Vitals, elles n&rsquo;en font pas partie. Ils permettent de saisir une plus grande partie de l&rsquo;exp&eacute;rience de la page et de diagnostiquer un probl&egrave;me sp&eacute;cifique.<\/p><h3 class=\"wp-block-heading\" id=\"h-first-input-delay-fid-interactivite-de-la-page\">First Input Delay : FID &ndash; Interactivit&eacute; de la page<\/h3><p>L&rsquo;indicateur First Input Delay (FID) mesure la latence d&rsquo;entr&eacute;e, c&rsquo;est-&agrave;-dire le temps qu&rsquo;il faut &agrave; un site pour r&eacute;pondre aux entr&eacute;es de l&rsquo;utilisateur. Cela inclut les pressions sur les touches, les tapotements et les clics sur les boutons, les liens, les vid&eacute;os ou les fichiers audio d&rsquo;une page.<\/p><p>Il est important de noter que les utilisateurs peuvent rencontrer des retards diff&eacute;rents, en fonction de leur &eacute;quipement et des conditions du r&eacute;seau. Par exemple, le chargement des sites sur une connexion Wi-Fi rapide sera diff&eacute;rent de celui d&rsquo;un r&eacute;seau 3G.<\/p><p>D&rsquo;autres interactions, comme le zoom et le d&eacute;filement, ne sont pas incluses car elles ont des contraintes de performance diff&eacute;rentes. Le FID se concentre sur l&rsquo;aspect <strong>R&eacute;ponse<\/strong> dans le <a href=\"https:\/\/web.dev\/articles\/rail?hl=fr\" target=\"_blank\" rel=\"noopener\">mod&egrave;le de performance RAIL<\/a>, tandis que le d&eacute;filement et le zoom se rapportent &agrave; l&rsquo;&eacute;l&eacute;ment <strong>Animation<\/strong>.<\/p><p>Un score id&eacute;al pour ce Core Web Vitals est de <strong>100 millisecondes ou moins<\/strong>.<\/p><p>Le maintien d&rsquo;une bonne interaction avec l&rsquo;utilisateur est essentiel car les retards peuvent &ecirc;tre frustrants pour les gens, r&eacute;duisant la qualit&eacute; de l&rsquo;exp&eacute;rience utilisateur.<\/p><p>Notez qu&rsquo;apr&egrave;s la mise &agrave; jour de mars 2024, INP a remplac&eacute; FID comme l&rsquo;une des principales mesures de Core Web Vitals.<\/p><h3 class=\"wp-block-heading\" id=\"h-indice-de-vitesse-si\">Indice de vitesse (SI)<\/h3><p>L&rsquo;indice de vitesse ou Speed Index (SI) mesure le temps n&eacute;cessaire &agrave; l&rsquo;apparition des &eacute;l&eacute;ments dans la fen&ecirc;tre d&rsquo;affichage. Pour calculer votre indice de vitesse, un outil d&rsquo;analyse capture une vid&eacute;o d&rsquo;une page en train de se charger dans le navigateur et calcule le processus image par image.<\/p><p>Un bon score SI est de <strong>3,4 secondes ou moins<\/strong>. L&rsquo;exp&eacute;rience de l&rsquo;utilisateur est de meilleure qualit&eacute; lorsque le contenu du haut de la page appara&icirc;t plus rapidement.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"611\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-98.png\/public\" alt=\"Rendu optimis&eacute; pour am&eacute;liorer le score de l'indice de vitesse\" class=\"wp-image-20765\" title=\"score-indice-de-vitesse-optimis&eacute;\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-98.png\/w=611,fit=scale-down 611w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-98.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-98.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 611px) 100vw, 611px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-first-contentful-paint-fcp\">First Contentful Paint (FCP)<\/h3><p>Le First Contentful Paint (FCP) calcule la dur&eacute;e pendant laquelle le navigateur affiche tout contenu du mod&egrave;le d&rsquo;objet du document (DOM). Cela inclut le texte, les images et les canevas non blancs.<\/p><p>Notez que le FCP est diff&eacute;rent du LCP, qui mesure le temps de rendu du contenu le plus important d&rsquo;une page. Pour offrir une bonne exp&eacute;rience utilisateur, les propri&eacute;taires de sites devraient avoir un score FCP de <strong>1,8 seconde ou moins<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"964\" height=\"374\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-99.png\/public\" alt=\"First Contentful Paint (FCP) vs Largest Contentful Paint (LCP)\" class=\"wp-image-20766\" title=\"FCP-VS-LCP\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-99.png\/w=964,fit=scale-down 964w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-99.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-99.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/image-99.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 964px) 100vw, 964px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-temps-d-interactivite-tti\">Temps d&rsquo;interactivit&eacute; (TTI)<\/h3><p>Le temps d&rsquo;interactivit&eacute; ou Time to Interactive (TTI) est le temps n&eacute;cessaire &agrave; une page pour devenir totalement interactive. Google consid&egrave;re qu&rsquo;une page est interactive lorsque :<\/p><ul class=\"wp-block-list\">\n<li>La page affiche un contenu utilisable.<\/li>\n\n\n\n<li>La page r&eacute;pond aux interactions de l&rsquo;utilisateur dans un d&eacute;lai de 50 millisecondes.<\/li>\n\n\n\n<li>Les propri&eacute;taires du site enregistrent des <a href=\"https:\/\/developer.mozilla.org\/fr\/docs\/Learn\/JavaScript\/Building_blocks\/Events\" target=\"_blank\" rel=\"noopener\">gestionnaires d&rsquo;&eacute;v&eacute;nements<\/a> pour les &eacute;l&eacute;ments les plus visibles de la page.<\/li>\n<\/ul><p>Un score TTI id&eacute;al est de <strong>3,8 secondes ou moins<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-temps-de-blocage-total-tbt\">Temps de blocage total (TBT)<\/h3><p>Le temps de blocage total ou Total Blocking Time (TBT) est la somme de tous les temps pendant lesquels une page ne peut pas r&eacute;pondre aux entr&eacute;es de l&rsquo;utilisateur.<\/p><p>Google calcule ce total en additionnant la portion de blocage des longues t&acirc;ches JavaScript entre le FCP et le TBT. Toute t&acirc;che ex&eacute;cut&eacute;e pendant plus de 50 millisecondes est une t&acirc;che longue. La p&eacute;riode apr&egrave;s 50 millisecondes est la partie bloquante.<\/p><p>Un bon score de TBT est de <strong>200 millisecondes<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-time-to-first-byte-ttfb\">Time to First Byte (TTFB)<\/h3><p>Le Temps jusqu&rsquo;au premier octet ou Time to First Byte (TTFB) identifie le moment o&ugrave; votre serveur envoie une r&eacute;ponse au navigateur d&rsquo;un utilisateur. Plus le navigateur met de temps &agrave; obtenir les donn&eacute;es, plus il lui faut de temps pour afficher votre page.<\/p><p>Le TTFB est la somme de ces phases de demande :<\/p><ul class=\"wp-block-list\">\n<li>Le temps de redirection.<\/li>\n\n\n\n<li>Temps de d&eacute;marrage de l&rsquo;agent de service (le cas &eacute;ch&eacute;ant).<\/li>\n\n\n\n<li>Recherche DNS.<\/li>\n\n\n\n<li>Connexion et n&eacute;gociation du protocole TLS (Transport Layer Security).<\/li>\n\n\n\n<li>Demande jusqu&rsquo;&agrave; l&rsquo;arriv&eacute;e du premier octet de la r&eacute;ponse.<\/li>\n<\/ul><p>Google ne peut pas donner un chiffre exact pour un bon score TTFB en raison de la grande variation des piles de r&eacute;seau et de backend d&rsquo;application.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/public\" alt=\"\" class=\"wp-image-41467\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p>Les Core Web Vitals sont un facteur de classement essentiel dans les pages de r&eacute;sultats de recherche de Google. Elles permettent &eacute;galement d&rsquo;augmenter les taux d&rsquo;engagement et de r&eacute;duire les taux de rebond en assurant une bonne exp&eacute;rience utilisateur.<\/p><p>Il y a trois mesures principales Core Web Vitals :<\/p><ul class=\"wp-block-list\">\n<li><strong>Largest contentful paint<\/strong>&nbsp;&ndash;&nbsp;Calcule le temps que prend un site internet pour afficher le plus grand contenu &agrave; l&rsquo;&eacute;cran.<\/li>\n\n\n\n<li><strong>First input delay<\/strong>&nbsp;&ndash; Mesure le temps entre le moment o&ugrave; les utilisateurs interagissent avec un site et celui o&ugrave; le navigateur r&eacute;pond &agrave; l&rsquo;interaction.<\/li>\n\n\n\n<li><strong>Cumulative layout shift&nbsp;<\/strong>&ndash;&nbsp;V&eacute;rifie la stabilit&eacute; visuelle du chargement d&rsquo;une page.<\/li>\n<\/ul><p>En tant que signaux web critiques de l&rsquo;exp&eacute;rience utilisateur, les propri&eacute;taires de sites doivent v&eacute;rifier leurs scores Core Web Vitals. Trois outils Google permettent de mesurer ces param&egrave;tres : PageSpeed Insights, Lighthouse et Search Console. Ces outils affichent vos scores Core Web Vitals et des conseils pour les am&eacute;liorer.<\/p><p>Nous esp&eacute;rons que cet article vous a aid&eacute; &agrave; comprendre le concept de Web Vitals, &agrave; atteindre de bons scores d&rsquo;exp&eacute;rience de page et &agrave; <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/optimisation-site-web\">optimiser votre site Web<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;algorithme et les facteurs de classement de Google &eacute;taient auparavant essentiellement s&eacute;mantiques. Cependant, le moteur de recherche a commenc&eacute; &agrave; donner la priorit&eacute; &agrave; l&rsquo;exp&eacute;rience utilisateur apr&egrave;s ses r&eacute;centes mises &agrave; jour. Apr&egrave;s avoir appliqu&eacute; divers crit&egrave;res d&rsquo;exp&eacute;rience utilisateur, comme la vitesse des pages et la convivialit&eacute; pour les mobiles, Google a annonc&eacute; les Core [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/core-web-vitals\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":189,"featured_media":25348,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"C'est quoi Core Web Vitals : Comprendre les Signaux Web","rank_math_description":"Les Core Web Vitals sont des mesures qui \u00e9valuent le temps de chargement, l'interactivit\u00e9 et la stabilit\u00e9 visuelle du site. Lisez plus ici.","rank_math_focus_keyword":"core web vitals","footnotes":""},"categories":[4804,5811],"tags":[],"class_list":["post-10356","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-site-web","category-optimisation"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/core-web-vitals","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/core-web-vitals","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/core-web-vitals","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/core-web-vitals","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/core-web-vitals","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/core-web-vitals","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/core-web-vitals","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/core-web-vitals","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/core-web-vitals","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/core-web-vitals","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/core-web-vitals","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/core-web-vitals","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/core-web-vitals","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/core-web-vitals","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/core-web-vitals","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/core-web-vitals","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/10356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/189"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=10356"}],"version-history":[{"count":14,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/10356\/revisions"}],"predecessor-version":[{"id":31379,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/10356\/revisions\/31379"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media\/25348"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=10356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=10356"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=10356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}