Web Vitals mit Lighthouse optimieren

 (web.dev)
8 Punkte von xguru 2021-05-15 | 2 Kommentare | Auf WhatsApp teilen

  • Core Web Vitals messen

  • Largest-Contentful-Paint-Element finden

  • Zur Verbesserung von LCP Preload verwenden

  • Elemente finden, die sich auf Cumulative Layout Shift auswirken

→ Bilder ohne Größenangaben

→ Anzeigen

→ nicht composited Animationen

  • First Input Delay / Total Blocking Time / Long Tasks debuggen

Verwandte Beiträge

2 Kommentare

 
alstjr7375 2021-05-15

Zugehörige Methoden zur Bildoptimierung

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

Zusammenfassender Tweet

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

Google führt Page-Experience-Metriken in das Ranking der Suchergebnisse ein: https://de.news.hada.io/topic?id=2197

  • Core Web Vitals

→ LCP: Largest Contentful Paint

→ FID: First Input Delay

→ CLS: Cumulative Layout Shift

Lighthouse 6.0 veröffentlicht: https://de.news.hada.io/topic?id=2122

→ Metriken für LCP, CLS und TBT hinzugefügt

Was ist Cumulative Layout Shift (CLS)? https://de.news.hada.io/topic?id=1697

→ Misst, wie stark sich das Layout einer Webseite durch langsames Laden von Bildern/Werbung, asynchrones Verhalten, dynamische DOM-Änderungen usw. verändert

→ Eine nutzerzentrierte Performance-Metrik, die visuelle Instabilität prüft, durch die Nutzer zu Fehlklicks verleitet werden können