Google CLS mesure l'ensemble du cycle de vie du chargement de la page

Le nouvel algorithme de classement de Google qui sera lancé l'année prochaine, la mise à jour de l'expérience de la page, a une métrique nommée CLS, Cumulative Layout Shift Il vérifie si les éléments de la page sautent lors du chargement Philip Walton, ingénieur principal des programmes de développement chez Google, a déclaré que cela se mesurait tout au long du cycle de vie de la page, lors de l'événement web

dev Live à 1 heure et 57 minutes « CLS mesure les changements de mise en page qui se produisent tout au long du cycle de vie de la page », a-t-il déclaré C'est « à partir du moment où vous chargez la page, jusqu'au moment où vous la déchargez

Google CLS mesure l'ensemble du cycle de vie du chargement de la page

Même si vous laissez la page ouverte pendant des jours ou des semaines, cela mesure tout ce temps », a-t-il ajouté Voici la vidéo incorporée à l'heure de début: Voici la transcription: C'est donc en fait un très bon point Je suis heureux que vous en ayez parlé

CLS mesure les changements de mise en page qui se produisent tout au long du cycle de vie de la page Du moment où vous chargez la page, jusqu'au moment où vous déchargez la page Même si vous laissez la page ouverte pendant des jours ou des semaines, elle mesure tout ce temps

Alors qu'ici dans DevTools, vous avez exécuté une trace et vous avez vu le changement de disposition qui s'est produit pendant cette trace Et donc dans ce cas particulier, CLS ne mesurait les changements de disposition que pendant une courte période Il est important que les développeurs gardent cela à l'esprit car, vous savez, la définition de métrique réelle est pour toute la durée de vie de la page

Donc, si vous exécutez une trace Lighthouse ou une trace WebPageTest, ou même dans DevTools, et que vous voyez une certaine valeur et qu'elle est inférieure à 0,1, le seuil que je viens de mentionner, gardez à l'esprit que vous devez réellement la mesurer tout le temps Vous savez, c'est la mesure qui compte, c'est le cycle de vie complet d'une page Donc, vous ne pouvez pas simplement exécuter les outils de développement sur une page pendant une seconde environ et vous attendre à ce que le score corresponde à ce que vous voyez dans le rapport de la console de recherche Web Vitals

mesure les changements de mise en page tout au long du * cycle de vie * de la page Dans Dev Tools, CLS est mesuré pendant une petite période de temps, mais la définition réelle concerne tout le cycle de vie C'est ce qui compte: https://t

co/8fD1wExH9O pictwittercom FID, First Input Delay, n'est pas dans Chrome Dev Tools car il nécessite une interaction utilisateur, mais le temps de blocage total (TBT) est dans Dev Tools et c'est un proxy pour la première discussion Delay

Forum discussion sur Twitter

Tags: