Ce site est plus propre que 74% du web. Ce site est en GUERRILLA contre le réchauffement climatique.

Core Web Vitals !

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 cœur 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 CWVs, 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 exemple 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 accessibles 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 utilisateur.


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


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écisément, 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’interactivité. 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.

Êtes-vous sûr?


ÉDITER

FID First Input Delay

Plus précisément, 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érieur à 0,1.


CLS Cumulative Layout Shift


Plus précisément, 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