{"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&#8217;est quoi les Core Web Vitals : comprendre les signaux web"},"content":{"rendered":"<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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\"><div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                   Quels sont les Core Web Vitals ?\n                <\/p>\n            <\/div>\n            <p class=\"protip__content\">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><\/div>\n\n\n\n<\/p><p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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>\n<\/div><p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">Les pages doivent avoir un score CLS de <strong>0,1 ou moins<\/strong>.<\/p><p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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>\n<\/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\/w=1024,h=1024,fit=scale-down\" 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>\n<\/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>\n<\/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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 &ldquo;Bon&rdquo; de chaque Core Web Vitals.<\/p><p class=\"wp-block-paragraph\">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            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Lecture sugg&eacute;r&eacute;e                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> 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\n<\/p><h2 class=\"wp-block-heading\" id=\"h-comment-mesurer-les-core-web-vitals\">Comment mesurer les Core Web Vitals ?<\/h2><p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">Cette section vous guidera &agrave; travers un test Core Web Vitals &agrave; partir de la page Hostinger Tutoriels en utilisant PageSpeed Insights.<\/p><p class=\"wp-block-paragraph\">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>\n<\/div><p class=\"wp-block-paragraph\">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\":\"6a76c5929f2ba\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a76c5929f2ba\" 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--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-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\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\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>\n<\/div><p class=\"wp-block-paragraph\">Changez l&rsquo;analyse en <strong>Mobile<\/strong> ou <strong>Bureau<\/strong> pour voir les scores de chaque appareil.<\/p><p class=\"wp-block-paragraph\">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\":\"6a76c592a108c\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a76c592a108c\" 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--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-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\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\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>\n<\/div><p class=\"wp-block-paragraph\">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\":\"6a76c592a2ce1\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a76c592a2ce1\" 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--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-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\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\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>\n<\/div><p class=\"wp-block-paragraph\">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\":\"6a76c592a47e6\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a76c592a47e6\" 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--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-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\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\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>\n<\/div><p class=\"wp-block-paragraph\">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\":\"6a76c592a60fc\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a76c592a60fc\" 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--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-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\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\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>\n<\/div><p class=\"wp-block-paragraph\">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\":\"6a76c592a79ff\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a76c592a79ff\" 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--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-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\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\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>\n<\/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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">Un score id&eacute;al pour ce Core Web Vitals est de <strong>100 millisecondes ou moins<\/strong>.<\/p><p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-first-contentful-paint-fcp\">First Contentful Paint (FCP)<\/h3><p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-temps-d-interactivite-tti\">Temps d&rsquo;interactivit&eacute; (TTI)<\/h3><p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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":[5838,5888],"tags":[],"class_list":["post-10356","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-numerique","category-seo"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/core-web-vitals\/","default":1},{"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-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/core-web-vitals\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/core-web-vitals\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/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},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/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":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/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}]}}