{"id":4076,"date":"2024-03-20T11:23:34","date_gmt":"2024-03-20T11:23:34","guid":{"rendered":"http:\/\/screamingfrog.club\/analyse-web-de-vitals\/"},"modified":"2024-07-05T09:20:51","modified_gmt":"2024-07-05T09:20:51","slug":"analyse-core-web-vitals","status":"publish","type":"post","link":"https:\/\/screamingfrog.club\/fr\/analyse-core-web-vitals\/","title":{"rendered":"Analyse Core Web Vitals"},"content":{"rendered":"

<\/div><\/div><\/span>

Core Web Vitals<\/h2><\/span>
<\/div><\/div><\/div>

Screaming Frog SEO Spider, gr\u00e2ce \u00e0 sa connexion avec l’API PageSpeed Insights, vous permet de mesurer facilement le Core Web Vitals (CWV) pour chaque page de votre site web.<\/p>\n

Core Web Vitals est un ensemble d’indicateurs que Google a introduit \u00e0 partir de mai 2021 pour mesurer des aspects cl\u00e9s de l’exp\u00e9rience de l’utilisateur lors du chargement d’une page web. Core Web Vitals est une r\u00e9volution qui aide Google \u00e0 \u00e9valuer les pages web et \u00e0 les classer dans les r\u00e9sultats de recherche.<\/p>\n

Pour l’instant, ils sont essentiellement au nombre de trois, mais je pense qu’\u00e0 l’avenir, d’autres mesures seront introduites en plus de l’affinement de celles-ci afin de garantir une exp\u00e9rience de navigation plus satisfaisante.<\/p>\n<\/div>

<\/div><\/div><\/span>

LCP : Largest Contentful Paint (plus grande peinture de contenu)<\/h3><\/span>
<\/div><\/div><\/div>

La mesure Largest Contentful Paint (LCP) indique le temps de rendu de la plus grande image ou du plus grand bloc de texte visible dans la fen\u00eatre de visualisation, par rapport au moment o\u00f9 la page a commenc\u00e9 \u00e0 se charger. Comme param\u00e8tre d’\u00e9valuation, Google consid\u00e8re un temps maximum de 2,5 secondes pour garantir une exp\u00e9rience utilisateur bonne et satisfaisante.<\/p>\n

Pour vous assurer que vous y parvenez pour la majorit\u00e9 de vos utilisateurs, un bon seuil \u00e0 consid\u00e9rer est le 75e percentile de chargement des pages, segment\u00e9 entre les appareils mobiles et les ordinateurs de bureau.<\/p>\n<\/div>

\"Analisi<\/a><\/span><\/div>
<\/div><\/div><\/span>

FID : D\u00e9lai de premi\u00e8re entr\u00e9e<\/h3><\/span>
<\/div><\/div><\/div>

Le d\u00e9lai de premi\u00e8re entr\u00e9e (DPI) d’une page mesure sa r\u00e9activit\u00e9 aux interactions de l’utilisateur. Par exemple, si un utilisateur clique sur un lien ou s\u00e9lectionne un menu d\u00e9roulant, le FID \u00e9value la rapidit\u00e9 avec laquelle cette action est effectu\u00e9e sur la page.<\/p>\n

En g\u00e9n\u00e9ral, les interactions avec l’utilisateur sont retard\u00e9es lorsque le navigateur est occup\u00e9 \u00e0 d’autres t\u00e2ches.<\/p>\n

Par exemple, en analysant la chronologie de chargement ci-dessous, nous voyons des barres bleues identifiant le temps de chargement d’une ressource (telle qu’un fichier JavaScript) qui prend beaucoup de temps.<\/p>\n

Si un utilisateur clique sur un \u00e9l\u00e9ment de la page HTML pendant ce temps, l’interaction est retard\u00e9e jusqu’\u00e0 ce que le navigateur ait termin\u00e9 le processus pr\u00e9c\u00e9dent.<\/p>\n<\/div>

<\/a><\/span><\/div>

En tant que param\u00e8tre d’\u00e9valuation, Google indique que le d\u00e9lai de premi\u00e8re entr\u00e9e doit \u00eatre inf\u00e9rieur ou \u00e9gal \u00e0 100 millisecondes pour offrir une bonne exp\u00e9rience \u00e0 l’utilisateur. Pour vous assurer que vous atteignez cet objectif pour la majorit\u00e9 de vos utilisateurs, un bon seuil \u00e0 mesurer est le 75e percentile de chargement des pages, segment\u00e9 entre les appareils mobiles et les ordinateurs de bureau.<\/p>\n<\/div>

<\/div><\/div><\/span>

CLS : Cumulative Layout Shift (d\u00e9calage cumulatif de la mise en page)<\/h3><\/span>
<\/div><\/div><\/div>

Cumulative Layout Shift (CLS) est une mesure tr\u00e8s importante ax\u00e9e sur l’exp\u00e9rience de l’utilisateur qui mesure la stabilit\u00e9 visuelle d’une mise en page lors du chargement d’une page HTML. Cet indice a \u00e9t\u00e9 introduit pour limiter les changements inattendus et d\u00e9sagr\u00e9ables dus, par exemple, \u00e0 des banni\u00e8res publicitaires ou autres. Nous avons tous fait l’exp\u00e9rience frustrante de lire un site d’information et de voir le texte de l’article sauter vers le bas au fur et \u00e0 mesure que la navigation se charge ; CLS mesure pr\u00e9cis\u00e9ment cette instabilit\u00e9 de la navigation.<\/p>\n

Vous pouvez voir ci-dessous ce ph\u00e9nom\u00e8ne pendant que la page est charg\u00e9e par le navigateur. \u00c0 chaque \u00e9cran, du contenu est ajout\u00e9, ce qui fait monter et descendre les \u00e9l\u00e9ments pr\u00e9c\u00e9dents.<\/p>\n<\/div>

<\/span><\/div>

Pour offrir une bonne exp\u00e9rience \u00e0 l’utilisateur, les sites doivent s’efforcer d’obtenir un score CLS inf\u00e9rieur ou \u00e9gal \u00e0 0,1. Pour vous assurer que vous atteignez cet objectif pour la majorit\u00e9 de vos utilisateurs, un bon seuil \u00e0 mesurer est le 75e percentile de chargement des pages, segment\u00e9 entre les appareils mobiles et les ordinateurs de bureau.<\/p>\n

Les indicateurs Core Web Vitals sont des mesures bas\u00e9es sur les donn\u00e9es Chrome User Experience Report (CrUX) des 28 derniers jours et sur les visites de l’utilisateur sur une page.<\/p>\n

Chaque vitalit\u00e9 du web est \u00e9valu\u00e9e selon trois cat\u00e9gories : bonne, \u00e0 am\u00e9liorer et m\u00e9diocre.<\/p>\n

Pour qu’une page soit valid\u00e9e par le Core Web Vital Assessment, elle doit \u00eatre consid\u00e9r\u00e9e comme \u00ab\u00a0bonne\u00a0\u00bb pour les trois indicateurs.<\/p>\n

Google a fourni une illustration pratique des seuils pour chaque mesure.<\/p>\n<\/div>

<\/span><\/div>
<\/div><\/div><\/span>

Analyse des param\u00e8tres Core Web Vitals<\/h3><\/span>
<\/div><\/div><\/div>

Les indicateurs de performance des sites web sont enregistr\u00e9s et stock\u00e9s dans le rapport sur l’exp\u00e9rience utilisateur de Chrome et vous pouvez les consulter de deux mani\u00e8res.<\/p>\n

Pour une seule URL, vous pouvez utiliser PageSpeed Insights (PSI), qui vous indique si la page a r\u00e9ussi ou \u00e9chou\u00e9 les contr\u00f4les.<\/p>\n<\/div>

\"Analisi<\/span><\/div>

La deuxi\u00e8me solution consiste \u00e0 consulter la Search Console dans la section \u00ab\u00a0Core Vitals\u00a0\u00bb, qui indique les performances des pages, les erreurs et les avertissements par rapport \u00e0 ces param\u00e8tres.<\/p>\n

<\/div>\n<\/div>
<\/span><\/div>

Bien que ces deux contr\u00f4les soient efficaces, ils sont \u00e9galement extr\u00eamement r\u00e9ducteurs car la premi\u00e8re solution permet un contr\u00f4le unitaire des URL, tandis que la seconde, avec GSC, agr\u00e8ge plusieurs URL (mod\u00e8les d’URL) et ne fournit pas de scores de qualit\u00e9 unitaires.<\/p>\n<\/div>

<\/div><\/div><\/span>

Analyse de Screaming Frog Web Vitals<\/h3><\/span>
<\/div><\/div><\/div>

Gr\u00e2ce \u00e0 sa connexion \u00e0 l’API PageSpeed Insights, Screaming Frog SEO Spider vous permet de collecter facilement des donn\u00e9es sur la vitalit\u00e9 du Web et renvoie des donn\u00e9es sp\u00e9cifiques aux URL bas\u00e9es sur des donn\u00e9es CrUX et de laboratoire r\u00e9elles. Pour le mettre en place, il suffit de suivre quelques \u00e9tapes simples.<\/p>\n