Der Lighthouse Score ist ein automatisiertes Bewertungssystem von Google, das Websites in fuenf Kategorien auf einer Skala von 0 bis 100 bewertet: Performance, Accessibility, Best Practices, SEO und Progressive Web App. Lighthouse ist direkt in die Chrome DevTools integriert und bildet die Grundlage von PageSpeed Insights.
Fuer Webentwickler und SEO-Verantwortliche ist der Lighthouse Score das zentrale Diagnosewerkzeug: Er identifiziert konkrete Optimierungspotenziale und priorisiert sie nach Impact.
Die fuenf Lighthouse-Kategorien
Performance (Gewicht: variabel)
Die Performance-Kategorie bewertet die Ladegeschwindigkeit anhand gewichteter Metriken:
| Metrik | Gewicht | Zielwert |
|---|---|---|
| Largest Contentful Paint (LCP) | 25 % | unter 2,5s |
| Total Blocking Time (TBT) | 30 % | unter 200ms |
| Cumulative Layout Shift (CLS) | 25 % | unter 0,1 |
| First Contentful Paint (FCP) | 10 % | unter 1,8s |
| Speed Index | 10 % | unter 3,4s |
Accessibility
Prueft die Barrierefreiheit: Alt-Texte, Farbkontraste, ARIA-Labels, Tastatur-Navigation, Formular-Labels und semantisches HTML. Ein Score von 100 bedeutet nicht vollstaendige Barrierefreiheit -- automatisierte Tests erkennen nur ca. 30-40 % der Probleme.
Best Practices
Bewertet technische Best Practices: HTTPS-Nutzung, HTTP/2, keine veralteten APIs, keine Browser-Fehler in der Konsole, korrekte Bildformate und sichere JavaScript-Bibliotheken.
SEO
Prueft grundlegende On-Page-SEO-Faktoren: Meta-Title und -Description vorhanden, Bilder mit Alt-Text, semantische Ueberschriftenstruktur, crawlbare Links, robots.txt und mobile Darstellung.
Progressive Web App (PWA)
Bewertet, ob die Website als Progressive Web App installierbar ist: Service Worker, Web Manifest, HTTPS, Offline-Funktionalitaet und Responsiveness.
Lighthouse ausfuehren
Chrome DevTools
Oeffnen Sie die Chrome DevTools (F12), navigieren Sie zum Tab "Lighthouse" und waehlen Sie die gewuenschten Kategorien. Testen Sie immer im Inkognito-Modus, um Erweiterungen auszuschliessen.
PageSpeed Insights
PageSpeed Insights kombiniert Lighthouse-Daten (Lab Data) mit echten Nutzerdaten aus dem Chrome User Experience Report (Field Data). Die Field Data sind relevanter fuer SEO, da Google diese fuer das Ranking verwendet.
CLI und CI/CD
Lighthouse kann als Node.js-Modul oder CLI-Tool in CI/CD-Pipelines integriert werden. So werden Performance-Regressionen automatisch erkannt, bevor sie in Produktion gehen.
Performance-Score optimieren
LCP verbessern
- Hero-Bild mit
priorityladen - Render-blocking CSS und JavaScript minimieren
- CDN fuer schnelle Asset-Auslieferung nutzen
- Server Response Time (TTFB) optimieren
TBT reduzieren
- JavaScript-Bundles per Code Splitting aufteilen
- Nicht-kritisches JavaScript deferred laden
- Tree Shaking fuer ungenutzte Code-Entfernung
- Schwere Berechnungen in Web Worker auslagern
CLS vermeiden
- Feste Dimensionen fuer Bilder und Videos
- Font-Loading mit
font-display: swapundsize-adjust - Dynamische Inhalte unterhalb des sichtbaren Bereichs einfuegen
- Keine Elemente nachtraeglich ins Layout einfuegen
Lighthouse Score im Kontext
Der Lighthouse Score ist ein wertvolles Diagnosewerkzeug, aber kein Selbstzweck. Ein Score von 100 garantiert weder gute Rankings noch eine gute Nutzererfahrung. Fokussieren Sie auf die Core Web Vitals (LCP, INP, CLS) als die SEO-relevanten Metriken und nutzen Sie den Lighthouse Score als Leitfaden fuer technische Optimierungen.