Revenir au site

Core Web Vitals !

La meilleure expérience possible pour l'utilisateur

· Optimisation

Les CORE WEB VITALS, vous n'y échapperez pas ! Google a décidé de mettre un coup de pression à l'ensemble du web en mettant au coeur de son "moteur" l'optimisation de l'expérience utilisateur. Et pour lui elle passe par les CORE WEB VITALS ou SIGNAUX WEBS ESSENTIELS. Ces indicateurs techniques de performance permettent à tous de mieux comprendre et analyser ce que GOOGLE appelle LA bonne expérience utilisateur. 

Pourquoi Google a-t-il créer  les CORE WEBS VITALS ? 

Google est à l'initiative des CRVs, son objectif est clair, il veut unifier, standardiser ce que tout le monde appelle l'expérience utilisateur avec des KPIs clairs et mesurables. Depuis quelques années Google a fourni des outils de plus en plus performants aux propriétaires d'entreprise, spécialistes du webmarketing ou développeur afin de mieux quantifier l'expérience lors de la visite d'un site web : Google PageSpeedInsigh est le plus bel exempe de développement d'outil. 

La création des Core Webs Vitals vise à rendre plus perceptible et accessible la visualisation de ce qu'attend réellement le moteur de recherche. En d'autres termes, fini les suppositions sur qu'il faut optimiser en front et en back. Maintenant, les données sont accéssibles et nous pouvons nous concentrer sur les optimisations à faire pour rendre notre site le plus performant. 

Qu'est-ce que les CORE WEBS VITALS ? 

 Nous allons détailler les indicateurs définis par Google comme étant les signaux webs essentiels pour l'expérience utilsateur. 

Largest Contentful Paint (LCP) - L'indicateur de perforamce 

Le LCP mesure la performance de chargement de la page testée. Pour une expérience optimale de l'utilisateur, le temps de chargement de la page devra être inférieure à 2,5 secondes. 

LCP Largesst Contentful Paint

Plus précisemment, le Largest Contentful Paint (LCP)  mesure le moment où le plus grand élément de contenu de la fenêtre devient visible (texte, image...). Le LCP est utilisé pour déterminer quand le contenu principal de la page a fini de s'afficher à l'écran. 

Optimisation : 50% Front - 50% Back 

First Input Delay (FID) - L'indicateur des interactions

Le FID mesure l'intéractivité. Toujours dans l'idée d'offrir aux différents utilisateurs la meilleure expérience possible le FID devra être inférieur à 100 ms ou moins bien évidemment. 

FID First Input Delay

Plus précisemment, le  FID mesure le temps entre le moment où un utilisateur interagit pour la première fois avec votre site (c'est-à-dire lorsqu'il clique sur un lien, appuie sur un bouton...) jusqu'au moment où le navigateur est réellement capable pour répondre à cette interaction.

La cause la plus fréquente d'un mauvais score pour le FID est un code trop gourmand en requête, la simplification des interactions est clés. 

Optimisation : 80% Front - 20% Back 

Cumulative Layout Shift (CLS) - L'indicateur de stabilité  

Le CLS mesure la stabilité visuelle. Pour une expérience optimisée le CSL devra être inféreur à 0,1. 

CLS Cumulative Layout Shift

Plus précisemment, le CLS mesure la stabilité visuelle pour l'utilisateur. Elle permet de mesurer la fréquence à laquelle les utilisateurs subissent des changements de mise en page.C'est clairement un indicateur de Front...Un template trop complexe ne permet pas une expérience utilisateur optimum. 

Optimisation : 50% Front - 50% Back 

TTFB

Outils de mesure : Google  PSI et Lighthouse 

Tous Les Articles
×

Vous y êtes presque...

Nous venons de vous envoyer un e-mail. Veuillez cliquer sur le lien contenu dans l'e-mail pour confirmer votre abonnement !

OK