Optimiser les Web Vitals avec Lighthouse

 (web.dev)
8 points par xguru 2021-05-15 | 2 commentaires | Partager sur WhatsApp

  • Mesurer les Core Web Vitals

  • Trouver l’élément Largest Contentful Paint

  • Précharger pour améliorer le LCP

  • Trouver les éléments qui ont un impact sur le Cumulative Layout Shift

→ les images sans dimensions

→ les publicités

→ les animations non compositées

  • Déboguer le First Input Delay / Total Blocking Time / Long Tasks

À lire aussi

2 commentaires

 
alstjr7375 2021-05-15

Méthode associée d’optimisation des images

https://smashingmagazine.com/2021/04/…

Tweet de synthèse

https://twitter.com/addyosmani/status/1388031656355794945
 
xguru 2021-05-15

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

  • Core Web Vitals

→ LCP : Largest Contentful Paint

→ FID : First Input Delay

→ CLS : Cumulative Layout Shift

Sortie de Lighthouse 6.0 https://fr.news.hada.io/topic?id=2122

→ ajout des métriques LCP, CLS et TBT

Qu’est-ce que le Cumulative Layout Shift (CLS) ? https://fr.news.hada.io/topic?id=1697

→ 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.

→ un indicateur de performance centré sur l’utilisateur qui évalue l’instabilité visuelle pouvant provoquer des clics involontaires