Aide concernant Core web Vitals "Cumulative Layout Shift"

Si c'est un Wordpress, as-tu installé le plugin Nitropack ? Super efficace.

Ce que tu peux faire, c'est déjà regarder du côté des règles de caches côté htaccess de tes images.
Aussi as tu essayé de passer tes images en webp ?

Le CLS c'est un probleme de re-rendering de la page, donc c'est très souvent des éléments sans dimension annoncée qui sont affichés et vont provoquer des repaints (image, contenus de type iframes ou ads typiquement).

Une autre cause plus rare je pense c'est un élément tiers qui est inséré dans le site tardivement, par exemple un script qui modifie un affichage, ou un élément tiers comme une font qui est retardé et va provoquer un repaint.

C'est vraiment au cas par cas. Mais pour les fonts le stockage en local c'est mieux, d'autant que la RGPD le conseille fortement (ressource tierce == nécessité de consentement, donc en théorie pas de fontes de chez GG avant le consentement).
Pour les ressources mal dimensionnées, reprendre css et code pour bien vérifier que tout est d'équerre.

Et pour les chargements de trucs à l'arrache là ça devient compliqué, il faut regarder les différents ordonnancements de JS, c'est souvent très chaud a faire vu la richesse de scripts qu'on a dispo maintenant.

J'ajoute que le filmstrip ou la video de chargement qu'on peut faire avec sitespeed.io permet souvent de voir les blocs qui sont les plus problématiques.

Dernière modification par Sylvain (2023-01-23 22:18:37)

@Olmix : envoies l'url en mp si tu veux

Ca n'a rien changé du tout ? tu utilises quel outil parce que c'est hors un pb technique sur la machine les seuls choses qui peuvent vraiment avoir un impact. Si tu as une preprod enleve un script, teste et recommence, la seule autre possibilité est un script qui lui meme induit le comportement en question (mais ça veut dire un script qui injecte un contenu qu'on voit a l'écran). Si ton cls est mauvais en filmstrip tu dois voir les moments de repaint.