9.4 Lighthouse & PageSpeed – Checklisten

Tools und Workflows zur Performance-Überprüfung (Lighthouse, PageSpeed, GTmetrix).

Inhaltsverzeichnis

A. Test-Tools

  • Lighthouse (im Chrome DevTools)
  • GTmetrix
  • WebPageTest.org
  • Core Web Vitals Report (Search Console)

B. Performance-Checkliste

  • Bilder < 200KB
  • DOM unter 1500 Elemente
  • CSS/JS minifiziert
  • LCP < 2.5s
  • CLS < 0.1
  • INP < 200ms

Pro Tipp: Immer zuerst die Core Web Vitals prüfen – alle anderen Scores bauen darauf auf.

  • Globale Typo verwenden
  • Nur Margin-Bottom für Abstände
  • Keine verschachtelten Container
Änderung vorschlagen

Weiter zum nächsten Kapitel →

Nächstes Kapitel