En mai 2020, Google a annoncé qu'il ajouterait plus de signaux d'expérience utilisateur (UX) à son algorithme de classement.
C’est pourquoi l’année prochaine, Vitaux Web de base deviendront des facteurs de classement.
Mais que sont exactement ces Core Web Vitals?
Eh bien, ce sont trois métriques:
- La plus grande peinture de contenu (FCP)
- Décalage cumulatif de la disposition (CLS)
- Premier délai d'entrée (FID)
Dans cet article, nous allons parler de ce que représentent ces statistiques et de la manière dont vous pouvez améliorer les pour votre site Web.
Commençons.
La plus grande peinture de contenu (LCP)
La métrique LCP représente le temps de chargement d'une page. Il mesure combien de temps il faut pour le plus grand au-dessus de l'élément de contenu de pli charger. Cet élément le plus grand peut être une image, une vidéo ou un bloc de texte.
Vous pouvez utiliser cette technique pour toutes vos pages.
Voici quelques optimisations qui peuvent vous aider avec votre score LCP:
- Optimiser les images: L'optimisation d'image comprend des techniques telles que la compression, la conversion de format et l'ajout de descripteurs de largeur / hauteur à vos images. Les images étant souvent le plus gros problème pour les sites Web lents, il est essentiel de les optimiser.
- Implémentez Critical CSS: Le CSS critique est une technique qui consiste à trouver le CSS responsable de la mise en forme au-dessus du contenu du pli et à l'insérer dans la balise d'en-tête de votre page. C’est un excellent moyen d’améliorer les performances perçues.
- Réduisez le CSS et le JavaScript: Les minifications de code consistent à supprimer toutes les parties inutiles du code de votre site Web. Ceux-ci incluent des éléments tels que les commentaires, les espaces et les sauts de ligne.
Décalage cumulatif de la disposition (CLS)
CLS représente la stabilité visuelle d'une page. Il mesure l'importance du inattendu les changements de disposition sur une page sont. Des changements de mise en page inattendus se produisent lorsque le contenu de la page se déplace sans intervention de l'utilisateur ni notification préalable.
Un score CLS inférieur à 0,1 signifie qu'une page est visuellement stable.
Pour obtenir ce score, Google calcule le fraction d'impact et fraction de distance pour chaque changement de disposition inattendu. Au fur et à mesure que ces fractions augmentent, le score CLS s'aggrave.
Mettre tout simplement, le score CLS est la somme totale de tous les scores de changement de mise en page pour chaque changement de mise en page inattendu.
Encore une fois, il est important de faire la différence entre les changements de disposition attendus et inattendus.
Un changement de disposition attendu est exactement ce à quoi cela ressemble. Vous cliquez sur quelque chose qui devrait changer la mise en page de la page et c'est le cas.
Par exemple, si vous cliquez sur une icône de recherche et qu'une barre de recherche apparaît.
Voici quelques optimisations qui peuvent vous aider avec votre score CLS:
- Évitez d'insérer des publicités et des pop-ups au-dessus d'autres contenus: L'insertion de contenu au-dessus d'un autre contenu entraîne un décalage de tout ce qui suit, ce qui entraîne un mauvais score CLS.
- Ajoutez des attributs de largeur et de hauteur aux images: De cette façon, le navigateur sait à l'avance la quantité d'espace à allouer à chaque image. Cela facilite son travail et réduit les changements de disposition.
- Optimiser la livraison des polices: Le préchargement des polices peut les aider à atteindre la première peinture, auquel cas elles ne provoquent pas de changement de disposition. L'utilisation facultative de l'affichage des polices peut également aider à la livraison des polices.
Premier délai d'entrée (FID)
FID représente l'interactivité d'une page. Il mesure le temps nécessaire au navigateur pour répondre au premier distinct interaction de l'utilisateur – comme un robinet ou un clic.
Si vous maintenez votre FID en dessous de 100 ms, vous êtes prêt à partir.
Désormais, le FID suit le délai après seulement le première contribution. D'une certaine manière, c'est le retard le plus important sur votre site Web.
Voici pourquoi:
Les premières impressions sont tout sur le Web. Les utilisateurs partiront instantanément et ne reviendront probablement pas si un site Web les frustrent lors de leur première visite.
C’est pourquoi garder un FID bas est crucial.
FID est aussi un métrique de champ uniquement (LCP et CLS peuvent tous deux être mesurés sur le terrain et en laboratoire). Il faut qu'un utilisateur réel fournisse une entrée à un moment précis.
S'il n'y a pas d'entrée, il n'y a rien à mesurer. Et un utilisateur cliquant sur le même bouton à des moments différents produira un résultat différent.
C’est pourquoi vous pouvez voir différents résultats FID sur différents tests.
Comment vérifier votre FID
Vous pouvez facilement vérifier votre FID avec PageSpeed Insights de Google. C'est l'une des premières choses que vous voyez dans le rapport "Données de terrain".
