Qu'est-ce que ce 'score Core Web Vitals' dont vous parlez ?

"Nos scores Core Web Vitals sont en baisse. Pouvez-vous nous aider ?"

C'est la question qu'on me pose plusieurs fois par jour. La première chose que je dois me demander est 'Qu'est-ce que ce score Core Web Vitals dont vous parlez ?' Lorsque les gens me contactent, ils viennent de découvrir qu'ils ont des problèmes avec leur pagespeed et qu'ils ne peuvent pas les résoudre eux-mêmes. Généralement, cela signifie que soit leurs données de laboratoire (lighthouse), soit leurs données de terrain (CrUX et RUM) échouent.

Donc, si quelqu'un vous dit que ses Core Web Vitals échouent, la première chose que vous devez comprendre est s'ils parlent de données de laboratoire ou de données de terrain. Un excellent indicateur qu'ils parlent de données de laboratoire (lighthouse) est qu'ils mentionnent ce 'Score Core Web Vitals'.

Oh non, c'est un score Lighthouse

Quand je me renseigne ensuite sur ce 'Score Core Web Vitals' magique, à ce stade, beaucoup de gens qui me contactent me montrent un score Lighthouse défaillant. C'est là que les choses se compliquent ! Un score Lighthouse défaillant ne signifie pas que vous échouez aux Core Web Vitals. Tout comme un score Lighthouse 'vert' ne signifie pas que vous réussissez les Core Web Vitals. Cela signifie simplement que vous échouez ou réussissez le test très spécifique.

Parlez-leur des données de terrain

Donc la prochaine chose que je fais est de leur parler des données de terrain. Dans ce cas, les données CrUX. CrUX signifie Chrome User Experience Report. CrUX est un ensemble de données qui reflète la manière dont les utilisateurs réels de Chrome vivent les destinations populaires sur le web.

CrUX est l'ensemble de données officiel du programme Web Vitals. Cela signifie que pour réussir (ou échouer) les Core Web Vitals pour 3 métriques (LCP, INP et CLS), au moins 75 % de vos visiteurs doivent avoir une bonne expérience.

Alors maintenant, vous comprendrez peut-être qu'il n'y a pas un seul 'Score Core Web Vitals' qui vous fera réussir ou échouer les Core Web Vitals.

Montrez-leur les données de terrain

Le processus est simple. Naviguez avec votre navigateur vers pagespeed.web.dev et entrez l'URL. Ensuite, sélectionnez Origine (qui se trouve juste à côté de 'Cette URL') pour afficher les Core Web Vitals pour l'ensemble du site et pas seulement pour la page d'accueil.

Alors qu'en est-il de Lighthouse ?

À ce stade, après avoir présenté des arguments convaincants et avoir essentiellement prouvé ce que je viens de dire, 99 % de vos clients ne sont pas prêts à lâcher le score Lighthouse. Je comprends. Il a un certain attrait. Il est difficile d'imaginer que les chiffres verts, oranges et rouges que n'importe qui peut interpréter ne comptent vraiment pas du tout.

Eh bien, vous devez vous rappeler que Lighthouse est un test. C'est un test très cool. J'aime beaucoup de ce qu'il fait, j'aime comment il est codé et j'aime comment il peut vous aider à résoudre certains problèmes de Core Web Vitals. Mais il y a 3 choses qu'il ne fera pas :

1. Interagir avec une page. Cela rend fondamentalement le test inutilisable. Le visiteur interagira avec votre page. De cette interaction, vous obtiendrez votre conversion.

2. Agir comme un visiteur récurrent. Lighthouse (par défaut, vous pouvez modifier ce paramètre) visite votre page comme s'il ne l'avait jamais visitée auparavant. Souvent, pour le rendu de la page et le timing de la page, cela fera une différence énorme. Donc Lighthouse n'est pas représentatif d'une grande partie de vos visiteurs.

3. Comprendre quoi que ce soit à votre page. Le meilleur exemple est l'audit Total Blocking Time. Même la plupart des experts conviennent qu'un temps de blocage total important est une mauvaise chose, mais ce n'est pas toute l'histoire. Tant que le 'blocage' ne se produit pas lorsque la page doit être réactive (vous pouvez forcer cela !) et que le blocage ne se produit pas pendant le rendu précoce, vous êtes probablement tout à fait bien même si vous obtenez un mauvais score Lighthouse !