24 avril 2021

Core Web Vitals : un guide des signes vitaux Core Web Vitals de Google

Comment mesurer Google Core Web Vitals pour augmenter dans le classement des pages Google.

Guide des bannières Google Core Web Vitals

Il est devenu de plus en plus difficile pour Google de quantifier la qualité de l'expérience utilisateur d'un site Web, ce qui a conduit à la création et au développement d'outils pour mesurer chaque aspect de l'expérience utilisateur. Les outils souvent utilisés pour mesurer l'expérience utilisateur sur un site Web incluent PageSpeed Insights, Lighthouse et Google Search Console.

Afin de permettre aux webmasters de suivre et d'améliorer plus facilement leurs expériences utilisateur, Google a dévoilé le rapport " Vitaux Web de base "Le 5 mai 2020 dans la console de recherche Google. Le rapport tire ses données du moteur Web Vital, simplifiant le paysage de l'expérience Web en trois mesures homogènes. Google les appelle "les trois métriques les plus importantes pour toutes les expériences Web".

La mise à jour vise à faciliter (au moins en théorie, mais nous verrons que ce n'est pas le cas) pour les webmasters et les propriétaires de sites d'apporter des améliorations à leurs sites Web sans avoir à engager des gourous de la performance ou à passer par de nombreux rapports d'analyse complexes. Il vise également à aider Google à classer les sites Web pour leur UX dans les recherches.

Quels sont les principaux paramètres vitaux du web, je Vitaux Web de base ?

Les trois Vitaux Web de base repr√©sentent les trois phases distinctes de l'exp√©rience utilisateur : dans un ordre relatif on peut les d√©finir, l'exp√©rience de chargement, l'interactivit√© du site et la stabilit√© visuelle du contenu d'une page du site. Les trois sont con√ßus pour √™tre des am√©liorations quantifiables et coh√©rentes de ces m√©triques qui, en fin de compte, am√©liorent l'exp√©rience utilisateur dans le ¬ę monde r√©el ¬Ľ.

√Ä l'aide de la console de recherche Google, vous pouvez analyser un site Web pour voir combien d'URL sont jug√©es ¬ę m√©diocres ¬Ľ, ¬ę √† am√©liorer ¬Ľ ou ¬ę bonnes ¬Ľ. Cela rend l'analyse assez simple pour les webmasters novices et les propri√©taires de sites Web pour comprendre le rapport de performance .

Quelles métriques sont mesurées dans Vitaux Web de base?

Selon Google, les trois mesures d√©crites ci-dessous sont utilis√©es comme √©l√©ments essentiels du Web. Cependant, Google a √©galement d√©clar√© que ces m√©triques devraient √©voluer au fil du temps et, par cons√©quent, il est important de se tenir au courant des derni√®res m√©triques de Google. Les trois mesures sont ;

  • La plus grande peinture riche en contenu  (PCL)
  • D√©calage de mise en page cumulatif  (CLS)
  • Premier d√©lai d'entr√©e (FID)

Traduit pour am√©liorer l'id√©e :

  • Le temps de chargement du contenu   (PCL)
  • D√©calage cumulatif de la mise en page   (CLS)
  • D√©lai de premi√®re entr√©e (FID)

Peinture à grand contenu (LCP)

Première métrique analysée dans les signes vitaux de tout site Web en ligne, LCP mesure les performances de charge ; le temps moyen nécessaire pour charger le plus grand élément du contenu de la page dans la vue.

LCP (Largest Contentful Paint) est l'un des trois Vitaux Web de base par Google qui mesure la vitesse de chargement de la page Web. En particulier, LCP mesure le temps entre le moment o√Ļ un utilisateur clique sur le lien pour acc√©der √† la page et le moment o√Ļ le contenu principal de la page a √©t√© enti√®rement charg√© et affich√©. Un LCP √©lev√© indique une longue attente de l'utilisateur et une mauvaise exp√©rience de navigation.

 

La taille de l'√©l√©ment est principalement d√©termin√©e par sa taille visible par l'utilisateur dans la fen√™tre. Tout contenu en dehors de la vue de l'utilisateur, recadr√© ou invisible, ne sera pas pris en compte pour quantifier la taille de l'√©l√©ment. En outre, seules des cat√©gories d'√©l√©ments sp√©cifiques sont consid√©r√©es comme faisant partie du LCP :

  • √Čl√©ments de l'image
  • √Čl√©ments avec des images d'arri√®re-plan charg√©es via la fonction URL au lieu du d√©grad√© CSS
  • √Čl√©ments d'image dans un √©l√©ment SVG
  • √Čl√©ments vid√©o
  • √Čl√©ments de niveau bloc contenant des nŇďuds de texte ou tout autre √©l√©ment de niveau ligne

√Čtant donn√© que le plus grand √©l√©ment d'une page peut changer au fur et √† mesure du chargement de la page, Google consid√®re l'√©l√©ment le plus r√©cent et le plus grand jusqu'√† ce que la page soit compl√®tement charg√©e ou que l'utilisateur commence √† interagir avec le contenu de la page.

Pour améliorer le LCP, plusieurs stratégies peuvent être adoptées :

  1. Optimisation de l'image : réduisez la taille de l'image et utilisez des formats optimisés tels que JPEG 2000, WebP ou AVIF pour réduire le temps de chargement.
  2. Utilisez une connexion rapide : si possible, utilisez une connexion rapide pour t√©l√©charger des ressources.
  3. Utilisation d'un r√©seau de diffusion de contenu (CDN) : utilisez un CDN pour distribuer les ressources de mani√®re √† r√©duire la distance entre l'utilisateur et le serveur.
  4. Minimiser le code JavaScript : réduisez le code JavaScript inutilisé ou non essentiel pour améliorer le temps de chargement de la page.
  5. Utilisation de polices asynchrones : chargez les polices de mani√®re asynchrone pour √©viter de bloquer le chargement des ressources.
  6. Utilisation du chargement diff√©r√© : ne chargez que le contenu essentiel au d√©but et chargez le reste du contenu ult√©rieurement en fonction des besoins de l'utilisateur.
  7. Surveillance et analyse des données : utilisez des outils tels que Google Analytics ou Google Search Console pour surveiller le LCP et identifier les problèmes.

Délai de première entrée (FID)

Le FID est une m√©trique qui mesure l'interactivit√© d'un site Web. Mesure le temps n√©cessaire au navigateur pour r√©pondre au clic d'un utilisateur sur un bouton, un lien ou un contr√īle bas√© sur JavaScript.

Le FID (First Input Delay) est l'un des trois Vitaux Web de base par Google qui mesure la r√©activit√© de la page Web. En particulier, le FID mesure le temps entre le moment o√Ļ un utilisateur effectue une interaction (par exemple en cliquant sur un bouton ou en saisissant du texte dans une zone de texte) et le moment o√Ļ la page commence √† r√©agir √† l'interaction. Un FID √©lev√© indique une longue attente de l'utilisateur et une mauvaise r√©activit√© de la page.

Cependant, le thread principal est parfois occup√© et incapable de r√©pondre aux commandes de l'utilisateur. C'est ce qu'on appelle la latence d'entr√©e, souvent caus√©e par le fait que le navigateur de l'utilisateur est trop occup√© √† g√©rer des fichiers JavaScript lourds. Lorsque le navigateur est en latence d'entr√©e, il y a un d√©lai entre l'entr√©e et l'action.

Le premier d√©lai d'entr√©e est con√ßu pour se concentrer uniquement sur les √©v√©nements contr√īl√©s par l'utilisateur tels que les tapotements, les clics et les pressions sur les boutons au lieu des interfaces sur la page telles que le zoom et le d√©filement.

Changement de mise en page cumulatif - Changement de mise en page cumulatif (CLS)

Avez-vous d√©j√† √©t√© √† un clic de s√©lectionner une image, une vid√©o ou un lien sur une page et soudain, elle grimace, se met √† jour ou se d√©place et vous √™tes soudainement dans l'AppStore ? Ce mouvement / cette secousse est caus√© par un changement cumulatif de mise en page ou en termes simples ; combien une page bouge pendant le chargement. Google a fermement l'intention d'emp√™cher CLS d'√™tre une exp√©rience utilisateur n√©gative qui peut √™tre agac√©e.

CLS (Cumulative Layout Shift) est l'un des trois Vitaux Web de base de Google qui mesure la stabilité de la page Web. Plus précisément, CLS mesure la quantité de contenu qui se déplace sur la page lors de son chargement. Plus la valeur CLS est élevée, plus il est probable que les utilisateurs auront des difficultés à interagir avec la page, par exemple en cliquant sur un lien ou un bouton, en raison d'une navigation inattendue.

Le navigateur mesure CLS en évaluant deux cadres séparés pour la taille de leurs fenêtres respectives par rapport au mouvement des éléments instables dans les fenêtres. Le résultat est un produit de la fonction de distance et de la fonction d'impact. Fondamentalement, Google sera en mesure de dire quand les éléments d'une page vont trop loin et de les classer plus bas sur les pages de résultats de recherche.

Pour améliorer le CLS, plusieurs stratégies peuvent être adoptées :

  1. Utiliser une taille d'image par d√©faut : d√©finissez une taille d'image par d√©faut afin que la mise en page ne change pas lorsque les images sont charg√©es.
  2. Utiliser une taille par d√©faut pour les vid√©os : d√©finissez une taille par d√©faut pour les vid√©os afin que la mise en page ne change pas lors du chargement des vid√©os.
  3. Utilisation de polices asynchrones : chargez les polices de manière asynchrone pour éviter de bloquer le chargement des ressources et de provoquer des changements de mise en page inattendus.
  4. Utilisation du chargement diff√©r√© : ne chargez que le contenu essentiel au d√©but et chargez le reste du contenu ult√©rieurement en fonction des besoins de l'utilisateur pour √©viter de provoquer des mouvements inattendus dans la mise en page.
  5. Utilisation d'un framework de développement d'interface : Utilisez un framework de développement d'interface comme React ou Angular pour créer des interfaces utilisateur stables.
  6. Utilisation d'une animation pour ins√©rer des √©l√©ments : utilisez une animation pour ins√©rer des √©l√©ments afin d'√©viter de provoquer des mouvements inattendus dans la mise en page.
  7. Surveillance et analyse des données : Utilisez des outils tels que Google Analytics ou Google Search Console pour surveiller le CLS et identifier tout problème.

Quels outils pouvez-vous utiliser pour mesurer les principaux Vitaux Web de base?

√Čtant donn√© que les trois principaux √©l√©ments vitaux du Web sont un √©l√©ment fondamental dans la mise √† jour de l'exp√©rience de la page, Google int√®gre des m√©triques dans les outils couramment utilis√©s pour optimiser les pages par les webmasters et le r√©f√©rencement. √Čtant donn√© que nous devons tous mesurer le succ√®s de la Vitaux Web de base de nos sites, il est normal d'avoir les bons outils pour le travail.

PageSpeed Actualités

PageSpeed Informations Google est l'un des outils les plus utilis√©s pour mesurer la vitesse des pages. En plus de permettre au webmaster de voir le score de leur page, ils incluent √©galement des m√©triques de Vitaux Web de base qui sont utiles pour l'utilisateur car ils lui donnent des informations sur la qualit√© de la page.

PageSpeed Insights est un excellent outil pour mesurer le succ√®s des efforts de r√©f√©rencement . Cependant, ce n'est pas la meilleure option si vous avez l'intention d'optimiser votre site pour Vitaux Web de base car il manque de nombreux d√©tails dans l'outil. Par exemple, pour v√©rifier les pages qui doivent √™tre am√©lior√©es sur des √©l√©ments vitaux de base sp√©cifiques au Web, vous devrez revenir √† console de recherche Google.

Google Search Console

Lorsque vous essayez de v√©rifier une page particuli√®re pour son Vitaux Web de base, connectez-vous simplement √† la console de recherche Google de votre site Web et s√©lectionnez le bouton Vitaux Web de base sur la barre lat√©rale de la console et un rapport appara√ģtra.

Si vous souhaitez v√©rifier le rapport, cliquez sur ¬ę Type ¬Ľ et la console de recherche Google vous montrera les pages actuellement en cours d'ex√©cution ¬ę Mauvais ¬Ľ, ¬ę A besoin d'am√©lioration ¬Ľ ou ¬ę Bon ¬Ľ. Une fois que vous avez identifi√© les pages qui n√©cessitent une optimisation pour les donn√©es vitales cl√©s de Google, vous pouvez maintenant utiliser PageSpeed Insights pour voir des conseils sur la fa√ßon d'optimiser ces pages sp√©cifiques.

Rapport sur l'expérience utilisateur de Chrome

Ce rapport sur l'expérience utilisateur de Chrome fournit des mesures réelles sur la façon dont les utilisateurs de Chrome perçoivent les sites Web.

Les métriques sont principalement basées sur des données réelles. Le rapport compare l'expérience utilisateur réelle d'un site Web avec des tests locaux ou virtuels dans des environnements simulés et définis. Avec cette comparaison, vous pourrez voir clairement l'ensemble des variables qui se forment et conduisent à une bonne expérience utilisateur.

Outils de développement Chrome

Chrome Dev Tools est une suite d'outils de développement de sites Web intégrés à Google Chrome. Avec ces outils, vous pouvez modifier rapidement des pages Web à la volée et corriger les erreurs pour créer des sites Web de qualité plus rapidement.

De plus, Chrome Dev Tools permet au propri√©taire du site ou au webmaster de rechercher et de r√©soudre les probl√®mes li√©s √† l'instabilit√© visuelle sur une page Web, ce qui peut entra√ģner un d√©calage de mise en page cumulatif (CLS).

Extension Web Vitals

Les métriques Vitaux Web de base sont également disponibles pour les webmasters et les propriétaires de sites dans une nouvelle extension. En fournissant des commentaires en temps réel sur les trois principaux paramètres Web essentiels, cette extension est cohérente avec les tests et les rapports de Chrome utilisant des métriques sur Google et d'autres outils. Non seulement cela aidera le webmaster à diagnostiquer ses pages Web lors de vos déplacements, mais cela aidera également à mesurer les performances des pages d'un concurrent que vous souhaitez égaler ou battre. Vous pouvez gagner du temps, vous adapter plus rapidement aux situations du marché et devenir plus efficace avec vos commandes en utilisant l'extension Web Vitals.

Comment analyser les scores vitaux du Web pour ordinateur de bureau et mobile

L'analyse indépendante sur Web Vitals est accessible sur les ordinateurs de bureau / portables et les appareils mobiles. Dans certains des outils décrits ci-dessus, vous pouvez exécuter un test ou une requête sur une catégorie d'appareils spécifique et, lorsque les deux sont disponibles sur le même outil (comme Google PageSpeed Insights), vous pouvez facilement basculer entre eux. Le paramètre par défaut pour PageSpeed Insights sont des statistiques mobiles, et vous devrez passer à l'onglet Bureau pour voir la différence entre les deux catégories d'appareils sur vos pages.

La console de recherche Google présente désormais des métriques pour Vitaux Web de base lorsque les données d'expérience utilisateur Chrome sont disponibles. Lorsque vous vous connectez à Vitaux Web de base, les deux catégories d'appareils sont affichées dans le tableau de bord de la console Google. De là, vous pouvez afficher les groupes de pages qui rencontrent des problèmes.

Pour voir les scores vitaux de votre ordinateur de bureau et du Web mobile dans le nouveau rapport Chrome User Experience (CrUX), vous devez configurer ¬ę ordinateur de bureau ¬Ľ ou ¬ę smartphone ¬Ľ comme facteurs de forme d'appareil dans les instructions SQL.

Quel bon score est dans Vitaux Web de base?

En plus de l'√©valuation en trois √©tapes (¬ę Mauvais ¬Ľ, ¬ę Besoin d'am√©lioration ¬Ľ et ¬ę Bon ¬Ľ), Google d√©finit davantage chaque √©valuation avec un seuil convenu pour aider les webmasters √† progresser. Les seuils suivants d√©terminent chaque √©l√©ment vital :

  • La plus grande peinture contentieuse (LCP) : Pour une bonne exp√©rience utilisateur, le LCP doit se produire dans les 2,5 secondes suivant le chargement de la page.
  • Premier d√©lai d'entr√©e (FID) - Les pages doivent avoir un score FID inf√©rieur √† 100 millisecondes pour une bonne exp√©rience utilisateur sur une page.
  • D√©calage de mise en page cumulatif (CLS) : Pour une bonne exp√©rience utilisateur, les pages doivent conserver moins de 0,1 CLS.

Pour vous assurer que vos pages atteignent les scores recommand√©s, Google recommande de mesurer le 75 centile de chargements de pages sur les plates-formes mobiles et de bureau.

Les principaux param√®tres vitaux du Web affecteront-ils mes notes de recherche Google ?

Votre score sur Vitaux Web de base affectera votre note de recherche à partir de 2021. Actuellement, les pages ne sont pas classées en utilisant Vitaux Web de base. En 2021, Vitaux Web de base il combinera la sécurité, l'optimisation mobile, la sécurité et l'absence de fenêtres contextuelles en tant que signaux pour mesurer l'expérience globale de la page utilisateur. Les webmasters et les propriétaires ont un préavis de 6 mois avant que Google ne commence à utiliser Vitaux Web de base comme signal de positionnement. Cependant, vous pouvez mesurer et améliorer les métriques dès maintenant.

Il est probable qu'à l'avenir, Google utilisera de plus en plus l'expérience utilisateur et de navigation comme facteurs de classement, ainsi que la vitesse du site. La vitesse du site Web est déjà un facteur important dans le classement des moteurs de recherche, mais à mesure que l'expérience utilisateur augmente, elle deviendra de plus en plus essentielle pour se classer dans les premières positions.

I Vitaux Web de base de Google, tels que LCP, FID et CLS, sont une mesure de l'expérience utilisateur et de la vitesse du site. Si un site atteint des valeurs optimales pour ces facteurs, il aura de meilleures chances de se classer haut dans les résultats de recherche.

Pour cette raison, il est important que les propriétaires de sites Web se concentrent sur la vitesse du site et l'expérience utilisateur dans les mois à venir, en utilisant des techniques telles que l'optimisation des images, l'utilisation d'une connexion rapide, l'utilisation d'un réseau de diffusion de contenu (CDN) et l'optimisation du code JavaScript.

Conseils pour améliorer votre score Vitaux Web de base

La plupart des correctifs courants pour la vitesse globale de la page seront √©galement accompagn√©s d'un √©l√©ment d'am√©lioration des principales donn√©es vitales Web de votre page. Selon Google, vous pourriez am√©liorer le v√ītre Vitaux Web de base:

  • R√©duire la taille de la page √† moins de 500 Ko
  • Limitation des ressources de page √† 50 pour am√©liorer les performances des appareils mobiles
  • Utiliser AMP pour am√©liorer la vitesse de chargement des pages

Web.dev propose des suggestions de m√©triques Vitaux Web de base pr√©cise qu'il s'agit d'une excellente ressource que tout webmaster travaillant dans le r√©f√©rencement ou le d√©veloppement Web devrait utiliser souvent :

Vous pouvez √©galement utiliser le Outil de test PageSpeed Actualit√©s pour suivre les modifications apport√©es. Il est excellent dans ce domaine car il vous permet de valider vos modifications Vitaux Web de base √† partir de la page du rapport.

Utilisateurs de PageSpeed Les informations de longue date peuvent d√©j√† √™tre famili√®res avec des m√©triques similaires, dont la plupart ne manqueront pas de rester. Vitaux Web de base est le point culminant de ces m√©triques et a l'intention de sortir de la complexit√© de l'exp√©rience d√©veloppeur avec eux. Les principaux √©l√©ments vitaux du Web sont simples √† √©liminer et apportent de la clart√© entre un nombre plus ou moins grand de m√©triques √† suivre.

Données de laboratoire et de terrain

Selon les conditions disponibles, les scores peuvent varier considérablement, changeant littéralement au fur et à mesure que les utilisateurs parcourent les pages. Il est essentiel de savoir comment chaque score est tabulé dans un environnement donné. Cependant, les scores ne peuvent être interprétés qu'après avoir déterminé si les données étaient des données de terrain ou de laboratoire.

Les données du laboratoire Vitaux Web de base ils sont collectés à l'aide de l'API du navigateur en tant que minuteurs d'événements de chargement de page et estimations mathématiques qui simulent l'interactivité de l'utilisateur. Bien que les données de terrain de Vitaux Web de base se composent de métriques similaires, sont collectées à partir d'expériences utilisateur réelles lors de la navigation sur des pages Web tandis que les valeurs de minuterie d'événement résultantes sont transmises à un référentiel.

Utilisation de PageSpeed Insights, Chrome Dev Tools et la nouvelle extension de navigateur Vitaux Web Chrome, les d√©veloppeurs et les professionnels du r√©f√©rencement ont acc√®s aux donn√©es de laboratoire en temps r√©el. En comptant le temps des scripts de blocage de threads, PSI et WebPage Test g√©n√®rent des scores d'interactivit√© de page √† partir d'√©v√©nements de chargement de page.

Ces outils de données de laboratoire sont inestimables pour votre workflow de reporting et pour l'amélioration des scores Vitaux Web de base et ils devraient toujours être dans votre arsenal de référencement. À moins que vous ne remarquiez des problèmes dans les données de terrain, ces données de laboratoire peuvent également être tout ce dont vous avez besoin en tant que développeur si votre site Web est basé sur quelques modèles.

La librairie Web Vitals JavaScript il peut √©galement √™tre utile dans le flux de travail lorsqu'il est utilis√© comme pipeline de test. La biblioth√®que est disponible via CDN et peut √™tre incluse dans la production HTML et configur√©e pour transmettre des donn√©es de terrain collect√©es ind√©pendamment aux centres de comparaison pour la cr√©ation de rapports.

Lighthouse propose au webmaster diff√©rents points d'acc√®s particuli√®rement utiles dans le workflow de d√©veloppement. Il comprend plusieurs tests qui vous aident √† garantir le respect des normes Web √©tablies. Lighthouse peut √©galement vous aider √† d√©boguer les situations o√Ļ vous d√©pannez Vitaux Web de base.

Comparaison des données de terrain avec les résultats de laboratoire

Chrome, Firefox, Safari, Opera mini et d'autres navigateurs modernes mesurent la fa√ßon dont les utilisateurs per√ßoivent vos sites Web en temps r√©el √† partir de leurs appareils via l'API JavaScript int√©gr√©e. Comme indiqu√©, Google collecte et rapporte ses donn√©es de terrain aupr√®s des utilisateurs de Chrome via le rapport CrUX en utilisant parfois les m√™mes API de navigateur.

Il est beaucoup plus facile d'accéder aux données de terrain réelles après avoir vérifié que vos pages contiennent des données de terrain dans CrUX. Cela se fait en vérifiant la propriété de votre site Web sur la console de recherche Google. Le tableau de bord de la Search Console affiche les données de champ sur une interface qui vous permet d'explorer en profondeur en utilisant des clics au lieu d'écrire des requêtes SQL.

Alternativement, vous pouvez utiliser PSI, qui utilise des donn√©es de terrain datant de 28 jours. L'API qui g√®re le rapport de r√©cence est une biblioth√®que JavaScript open source autonome qui peut √™tre ins√©r√©e dans votre workflow de d√©veloppement ou utilis√©e pour contr√īler un tableau de bord d'application. PSI peut √©galement agir comme une application autonome o√Ļ un d√©veloppeur a d√©j√† cr√©√© une excellente interface pour l'application.

Comment résoudre les problèmes de rapport de données vitales

En raison de la nature de certains moments des rapports et de la manière dont les données ont été collectées, il sera nécessaire de vérifier les données de laboratoire en les corrélant avec les données de terrain et les écarts de débogage. Par exemple, les chargements de page suivants peuvent varier les scores de résultats lors de la surveillance de Web Vitals à l'aide de l'extension. Il peut y avoir plusieurs raisons derrière cela.

Le navigateur a la possibilité de rassembler des valeurs interactives via l'extension tout en faisant défiler une page d'une manière similaire aux données de terrain du monde réel. En utilisant son propre cache, le navigateur est également capable de collecter des ressources plus rapidement lors de la mise à jour.

Pour obtenir les donn√©es les plus pr√©cises et les r√©sultats locaux lors de l'optimisation pour Vitaux Web de base en utilisant Chrome Dev Tools et Web Vitals Extension, n'oubliez pas de vider le cache ou de le contourner en appuyant sur Maj-Actualiser sur le navigateur Web dans votre flux de travail. Une autre astuce g√©niale consiste √† charger la page ¬ę √† peu pr√®s vierge ¬Ľ avant de d√©marrer une session de surveillance et d'enregistrement des performances dans les outils de d√©veloppement pour commencer proprement √† r√©diger un rapport.

Les données de terrain et de laboratoire sont généralement très similaires et pour une bonne raison. Chaque fois que vous apportez des modifications importantes aux deux, vos résultats de laboratoire seront en avance sur les données de terrain ou vice versa. Par conséquent, si vous remarquez que vos tests échouent sur le terrain et que vous avez déjà amélioré vos scores de laboratoire pour les réussir, vous devez être suffisamment patient pour permettre aux données de terrain de rattraper les données de laboratoire, ou envoyer les données sur le terrain . indépendamment via Analytics, vérifiez-le.

Bien qu'il puisse sembler assez évident que CLS soit le score de données de terrain le plus compliqué à faire correspondre localement, ce n'est pas nécessairement le cas. Vous pouvez utiliser l'extension Chrome pour définir l'option d'appliquer une superposition de Vitaux Web de base, afin que vous puissiez observer les changements de partition lorsque vous naviguez et interagissez avec la page.

Il en va de même pour le FID. Votre score devient l'interaction sur la première page (défilement, clic, zoom ou saisie au clavier) une fois que les activités de blocage de fil ont été ajoutées au moment.

Les informations tr√®s d√©taill√©es disponibles dans Chrome Dev Tools vous permettent de r√©soudre les probl√®mes CLS √† un niveau miniaturis√© avec la lecture et l'enregistrement des performances. Cliquez sur la section ¬ę Exp√©rience ¬Ľ qui reproduit les changements CLS dans l'enregistrement. Vous pouvez √©galement mettre en √©vidence les changements dans l'affichage √† l'aide d'un param√®tre qui fait clignoter les √©l√©ments en bleu lorsqu'ils se d√©placent et les enregistre sur les r√©sultats.

Vitaux Web de base mineur

Bien LCP, FID et CLS Les signes vitaux Web CORE sont pris en compte, il existe d'autres mesures mineures qui peuvent être utilisées pour offrir une excellente expérience utilisateur. Ils sont communément appelés éléments vitaux Web secondaires ou simplement éléments vitaux Web.

  • Heure du premier octet : TTFB est le temps qu'il faut au navigateur pour recevoir le premier octet du contenu de la page
  • Temps d'interactivit√© : TTI est le temps qu'il faut √† la page pour charger ses sous-ressources et √™tre capable de r√©pondre aux commandes de l'utilisateur.
  • Temps de blocage total : TBT prend en charge le temps entre FCP et TTI lorsqu'un blocage total s'est produit dans le thread, emp√™chant la page de r√©pondre √† l'entr√©e de l'utilisateur.

conclusion

Optimisation pour Vitaux Web de base est forc√©ment un gros probl√®me si vous voulez que vos pages soient bien class√©es dans les SERP l'ann√©e prochaine. √Čtant donn√© que les trois principaux param√®tres vitaux du Web sont par essence techniques, de nombreux webmasters peuvent √™tre moins bien inform√©s sur cet aspect particulier.

Cependant, il existe de nombreux développeurs et experts SEO expérimentés, des techniciens et des ingénieurs système qui vous aideront à cet égard.

Nous espérons vous avoir donné un aperçu clair des signes vitaux de Google Web Core.

N'hésitez pas à nous contacter si vous souhaitez améliorer significativement votre score.

Vous avez des doutes ? Vous ne savez pas par o√Ļ commencer ? Contactez-nous


Nous avons toutes les réponses à vos questions pour vous aider à faire le bon choix.

Discute avec nous

Discutez directement avec notre support avant-vente.

0256569681

Contactez-nous par téléphone pendant les heures de bureau 9h30 - 19h30

Contactez-nous en ligne

Ouvrez une demande directement dans l'espace contact.

INFORMATIONS

ManagedServer.it est le premier fournisseur italien de solutions d'hébergement hautes performances. Notre modèle d'abonnement est abordable et prévisible, afin que les clients puissent accéder à nos technologies d'hébergement fiables, à nos serveurs dédiés et au cloud. ManagedServer.it offre également d'excellents services d'assistance et de conseil sur l'hébergement des principaux CMS Open Source tels que WordPress, WooCommerce, Drupal, Prestashop, Magento.

JUSTE UN MOMENT !

Souhaitez-vous voir comment votre WooCommerce fonctionne sur nos syst√®mes sans avoir √† migrer quoi que ce soit ? 

Entrez l'adresse de votre site WooCommerce et vous obtiendrez une démonstration navigable, sans avoir à faire absolument quoi que ce soit et entièrement gratuite.

Non merci, mes clients préfèrent le site lent.
Remonter en haut