Lighthouse
Google Lighthouse ist ein Open-Source-Automatisierungstool zur Verbesserung der Qualität von Webseiten. Es analysiert Performance, Accessibility, Best Practices, SEO und PWA-Kriterien und liefert detaillierte Berichte mit konkreten Optimierungsvorschlägen.
Google Lighthouse ist das Standard-Audit-Tool von Google für Webseiten und misst automatisiert Performance, Accessibility, Best Practices, SEO und PWA-Konformität. Es liefert praxisnahe Handlungsempfehlungen und ist direkt in Chrome DevTools, als CLI oder über PageSpeed Insights nutzbar. Bei SW Business Solutions ist Lighthouse fester Bestandteil jeder Deployment-Pipeline.
Was ist Google Lighthouse?
Google Lighthouse ist ein quelloffenes, automatisiertes Qualitäts-Audit-Tool für Webseiten. Entwickelt von Google, ist es heute der De-facto-Standard zur Messung von Web-Qualität. Lighthouse analysiert eine beliebige URL und gibt für fünf Kategorien einen Score von 0–100 zurück:
- Performance – Ladegeschwindigkeit und Core Web Vitals
- Accessibility – Barrierefreiheit nach WCAG-Standards
- Best Practices – Sicherheit, HTTPS, moderne Web-APIs
- SEO – Technische Suchmaschinenoptimierung
- PWA – Progressive Web App Anforderungen
Core Web Vitals
| Metrik | Bedeutung | Gut | Verbesserungswürdig |
|---|---|---|---|
| FCP | First Contentful Paint | < 1,8 s | < 3,0 s |
| LCP | Largest Contentful Paint | < 2,5 s | < 4,0 s |
| TBT | Total Blocking Time | < 200 ms | < 600 ms |
| CLS | Cumulative Layout Shift | < 0,1 | < 0,25 |
| SI | Speed Index | < 3,4 s | < 5,8 s |
Die Core Web Vitals fließen direkt in das Google-Ranking ein (Page Experience Signal). Ein Performance-Score über 90 gilt als sehr gut.
Einsatzmöglichkeiten
In Chrome DevTools
Lighthouse ist direkt im Browser verfügbar: DevTools öffnen → Reiter „Lighthouse" → Analyse starten. Ideal für schnelle Checks während der Entwicklung, ohne externe Tools oder Netzwerkzugriff zu benötigen.
Als CLI
Über npm global installieren und beliebige URLs direkt analysieren:
npm install -g lighthouse
lighthouse https://meine-seite.de --output html --view
In CI/CD-Pipelines
Mit lighthouse-ci lassen sich Qualitätsschwellen in GitHub Actions oder anderen Pipelines durchsetzen. Deployments werden automatisch blockiert, wenn definierte Score-Grenzen unterschritten werden.
Google PageSpeed Insights
Für öffentlich erreichbare Seiten liefert PageSpeed Insights sowohl synthetische Lab-Daten (Lighthouse) als auch echte Felddaten aus dem Chrome User Experience Report (CrUX).
Desktop vs. Mobile
Desktop nutzt Standard-Netzwerkgeschwindigkeit und volle CPU-Leistung. Mobile emuliert ein Moto G Power mit Slow 4G und 4-fach gedrosselter CPU. Mobile-Scores liegen typischerweise 15–30 Punkte unter Desktop-Scores – ein wichtiger Hinweis für Optimierungsprioritäten.
Typische Optimierungsmaßnahmen
- Bilder optimieren – WebP/AVIF-Format, korrekte Dimensionen,
priority-Attribut beim LCP-Bild - Render-blocking Ressourcen vermeiden – Kritische CSS inlinen, Scripts mit
deferoderasyncladen - Caching – Lange Cache-TTLs für statische Assets setzen
- Fonts –
font-display: swap, Preload für kritische Schriften - Server-Antwortzeit – TTFB (Time to First Byte) unter 200 ms halten
- JavaScript reduzieren – Code-Splitting, Tree-Shaking und Lazy Loading konsequent nutzen
Anwendungsszenarien für Lighthouse
Performance-Analyse
Messen und Optimieren von Core Web Vitals: FCP, LCP, TBT, CLS und Speed Index für bessere Nutzererfahrung und Google-Rankings.
Accessibility-Audits
Automatisierte Prüfung auf WCAG-Konformität: Touch Targets, Farbkontraste, ARIA-Labels und Screen Reader Kompatibilität.
SEO-Checks
Überprüfung von Meta-Tags, strukturierten Daten, Robots.txt und weiteren SEO-relevanten Faktoren direkt im CI/CD-Prozess.
Best Practices & Security
Prüfung auf Security Headers (CSP, HSTS, COOP), HTTPS-Nutzung, fehlende Content-Type-Header und Konsolenfehlern.
CI/CD Integration
Automatisierte Lighthouse-Checks in GitHub Actions oder anderen CI-Pipelines, um Qualitätsregression frühzeitig zu erkennen.
PWA-Validierung
Prüfung aller Progressive Web App Anforderungen: Manifest, Service Worker, Offline-Fähigkeit und Installierbarkeit.
Häufige Fragen zu Lighthouse
Was ist der Lighthouse Score und wie wird er berechnet?
Was bedeutet LCP und wie optimiert man es?
Wie unterscheidet sich Lighthouse von echten Nutzerdaten (CrUX)?
Kann Lighthouse auch in automatisierten Tests genutzt werden?
Was ist der Unterschied zwischen Desktop- und Mobil-Auditierung?
Welche Lighthouse-Version ist aktuell?
Schnelle Fakten
Interessiert an Lighthouse?
Beratung anfragenBlog-Artikel zu Lighthouse
Next.js Performance Optimierung: So wird Ihre Website schnell und rankingstark
Accessibility Audit Kosten: Was ein Barrierefreiheits-Audit wirklich kostet
Service Worker & Offline Web App: So funktioniert es wirklich
Progressive Web App für Unternehmen: Lohnt sich der Umstieg wirklich?
Interessiert an Lighthouse?
Lassen Sie uns gemeinsam besprechen, wie Lighthouse in Ihrem nächsten Projekt eingesetzt werden kann.