Google Lighthouse verständlich erklärt: Audits und Metriken

Google Lighthouse ist ein automatisiertes Open-Source-Werkzeug von Google, das zur Verbesserung der Qualität von Webseiten dient. Es kann auf jede beliebige öffentliche oder passwortgeschützte Webseite angewendet werden. Lighthouse führt eine Reihe von Tests (Audits) durch und bewertet die Leistung (Performance), die Barrierefreiheit (Accessibility), die Einhaltung von Best Practices und die Suchmaschinenoptimierung (SEO) der Seite auf einer Skala von 0 bis 100.

Lighthouse ist damit das zentrale Diagnose-Werkzeug, um die Core Web Vitals im Labor zu messen, bevor Sie sie unter realen Bedingungen über PageSpeed Insights verifizieren.

Die fünf Audit-Kategorien im Überblick

Ein Lighthouse-Report liefert detaillierte Scores und konkrete Verbesserungsvorschläge in fünf Kernbereichen:

1. Performance (Leistung)

Bewertet, wie schnell die Seite lädt und wie flüssig sie sich anfühlt. Hierzu werden verschiedene Zeitmarken erhoben:

• Largest Contentful Paint (LCP): Wann lädt das Haupt-Element.
• Cumulative Layout Shift (CLS): Gibt es visuelle Verschiebungen.
• Total Blocking Time (TBT): Misst, wie lange JavaScript den Haupt-Thread blockiert (Labordaten-Ersatz für den INP-Wert).

2. Accessibility (Barrierefreiheit)

Prüft, ob die Website für Menschen mit Einschränkungen (z. B. Sehbehinderungen) nutzbar ist. Getestet werden ausreichende Farbkontraste, eine logische Überschriften-Hierarchie, die Vorhandensein von Alt-Texten bei Bildern sowie die Kompatibilität mit Screen-Readern (ARIA-Attribute).

3. Best Practices

Bewertet die Einhaltung moderner Webentwicklungs-Standards. Geprüft wird unter anderem:

• Wird HTTPS erzwungen?
• Gibt es bekannte Sicherheitslücken in verwendeten JS-Bibliotheken?
• Werden veraltete APIs verwendet?

4. SEO (Search Engine Optimization)

Prüft grundlegende technische SEO-Kriterien, um sicherzustellen, dass Suchmaschinen-Bots die Seite optimal crawlen und indexieren können. Dazu gehören Meta-Tags, Canonical-Tags, hreflang-Attribute und die Lesbarkeit für Mobilgeräte.

5. Progressive Web App (PWA)

Überprüft optional, ob die Website als App installiert werden kann, offline funktioniert (Service Worker) und ein passendes Manifest besitzt.

---

Score-Bewertung: Was gilt als gut?

Der Performance-Score fasst mehrere gewichtete Metriken zu einer Zahl von 0 bis 100 zusammen. Google teilt das Ergebnis in drei Farbzonen ein:

Score	Farbe	Bewertung	Handlungsbedarf
90–100	grün	gut	Feinschliff, Monitoring
50–89	orange	verbesserungswürdig	gezielte Optimierung
0–49	rot	schlecht	dringende Massnahmen

Der Performance-Score wird dabei aus gewichteten Einzelmetriken berechnet – in aktuellen Versionen tragen vor allem TBT, LCP und CLS den grössten Anteil. Eine einzige sehr langsame Metrik kann den Gesamtscore daher deutlich nach unten ziehen.

---

So nutzen Sie Lighthouse in der Praxis

Lighthouse lässt sich auf mehreren Wegen ausführen – je nach Phase im Entwicklungsprozess:

Zugang	Eignung	Datenbasis
Chrome DevTools (Tab «Lighthouse»)	schnelle Einzeltests während der Entwicklung	Labordaten
Lighthouse CLI (npm i -g lighthouse)	automatisierte, reproduzierbare Läufe	Labordaten
CI-Integration (Lighthouse CI)	Regressionsprüfung bei jedem Deploy	Labordaten
PageSpeed Insights	öffentliche URLs inkl. Realdaten	Labor + Feld

Für aussagekräftige Vergleiche gilt: immer dieselbe Umgebung und denselben Gerätemodus (Mobile/Desktop) verwenden. Ein Mobile-Score lässt sich nicht sinnvoll mit einem Desktop-Score vergleichen.

---

Praxisbeispiel: Von Rot zu Grün

Eine B2B-Landingpage erreicht im Mobile-Test zunächst nur einen Performance-Score von 38 (rot). Der Lighthouse-Report nennt drei konkrete Hebel:

• Diagnose: «Eliminate render-blocking resources» (CSS/JS), «Properly size images» und «Reduce unused JavaScript». Der LCP liegt bei 5,8 s, die TBT bei 690 ms.
• Massnahmen: kritisches CSS inline, restliches CSS asynchron (CSS optimieren); Bilder in modernem Format und korrekt dimensioniert (Bilder optimieren); ungenutztes JavaScript per Code-Splitting entfernt (JavaScript reduzieren).
• Ergebnis: LCP 2,1 s, TBT 120 ms, Performance-Score 92 (grün). Entscheidend war, die im Report priorisierten «Opportunities» der Reihe nach abzuarbeiten, statt blind zu optimieren.

Die Lehre: Lighthouse liefert nicht nur eine Note, sondern eine priorisierte Massnahmenliste. Wer diese systematisch abarbeitet und nach jeder Änderung neu misst, kommt am schnellsten in den grünen Bereich.

Labordaten (Lab Data) vs. Realität

Lighthouse-Tests liefern sogenannte Labordaten (Lab Data).

• Sie werden unter kontrollierten Bedingungen in einer künstlichen Umgebung ausgeführt.
• Der Vorteil: Labordaten sind hervorragend reproduzierbar und eignen sich ideal zum lokalen Testen während der Entwicklung (z. B. in den Chrome DevTools).
• Der Nachteil: Sie spiegeln nicht zwingend die reale Erfahrung aller Besucher wider, da echte Nutzer über unterschiedliche Geräte, Verbindungen und Standorte verfügen. Für reale Analysen muss auf PageSpeed Insights und die Felddaten (Field Data) zurückgegriffen werden.

[!TIP] Ein hoher Lighthouse-Score ist der Beleg für sauberen Code und eine exzellente Benutzererfahrung. Führen Sie einen automatisierten Lighthouse-Audit Ihrer Website kostenlos mit dem PageSpeed Check auf balou.tools aus.