Optimiser les Web Vitals avec Lighthouse

<p>- Mesurer les Core Web Vitals<br /> - Trouver l’élément Largest Contentful Paint <br /> - Précharger pour améliorer le LCP <br /> - Trouver les éléments qui ont un impact sur le Cumulative Layout Shift <br /> → les images sans dimensions<br /> → les publicités<br /> → les animations non compositées <br /> - Déboguer le First Input Delay / Total Blocking Time / Long Tasks</p>

[alstjr7375]

<p>Méthode associée d’optimisation des images<br /> https://smashingmagazine.com/2021/04/… /> <br /> Tweet de synthèse<br /> https://twitter.com/addyosmani/status/1388031656355794945</p>;

[xguru]

<p>Google introduit les indicateurs d’expérience de page (Page Experience) dans le classement des résultats de recherche https://fr.news.hada.io/topic?id=2197<br /> - Core Web Vitals<br /> → LCP : Largest Contentful Paint<br /> → FID : First Input Delay<br /> → CLS : Cumulative Layout Shift<br /> <br /> Sortie de Lighthouse 6.0 https://fr.news.hada.io/topic?id=2122<br /> → ajout des métriques LCP, CLS et TBT<br /> <br /> Qu’est-ce que le Cumulative Layout Shift (CLS) ? https://fr.news.hada.io/topic?id=1697<br /> → mesure à quel point la mise en page d’une page web change en raison du chargement lent des images/publicités, des opérations asynchrones, des modifications dynamiques du DOM, etc.<br /> → un indicateur de performance centré sur l’utilisateur qui évalue l’instabilité visuelle pouvant provoquer des clics involontaires</p>