LexikonWebdesign und Technik

Google Lighthouse

Google Lighthouse ist ein kostenloses Open-Source-Tool, das Performance, SEO, Barrierefreiheit und Best Practices einer Webseite prüft und bewertet.

Google Lighthouse ist ein kostenloses, quelloffenes Tool von Google, das die Qualität einer einzelnen Webseite automatisch prüft. Es lädt die Seite, simuliert einen Besuch und vergibt danach in vier Kategorien je einen Score von 0 bis 100: Performance (Ladezeit), Accessibility (Barrierefreiheit), Best Practices (technische Sauberkeit) und SEO (Grundlagen der Auffindbarkeit). Zusätzlich liefert es eine Liste mit Verbesserungsvorschlägen, jeweils mit dem geschätzten Zeitgewinn.

Lighthouse ist direkt in die Chrome DevTools eingebaut (Tab "Lighthouse"). Es läuft aber auch in PageSpeed Insights, als Kommandozeilen-Tool oder automatisiert in der CI/CD-Pipeline. Lighthouse misst im Labor (Lab Data) unter standardisierten Bedingungen und nicht mit Daten realer Besucher.

Warum Lighthouse wichtig ist

Der Performance-Score beruht zu einem grossen Teil auf Messwerten der Core Web Vitals wie LCP und CLS, also auf Signalen, die Google auch für das Ranking nutzt. Ein guter Lighthouse-Wert ist deshalb ein brauchbarer Frühindikator. Seiten, die hier gut abschneiden, sind in der Regel schnell, stabil und sauber strukturiert, was ihre Ausgangslage in der Suche verbessert.

Ebenso wichtig ist die Diagnose. Lighthouse zeigt konkret, was eine Seite bremst: zu grosse Bilder, blockierendes JavaScript, fehlende Meta-Angaben oder zu schwache Kontraste. Statt zu raten, arbeitest du eine priorisierte Liste ab.

In der Praxis

Bei einem Lighthouse-Audit lohnt sich ein gezieltes Vorgehen:

  • Mobil und im Inkognito-Modus testen: Browser-Erweiterungen verfälschen sonst das Ergebnis.
  • Mehrmals messen: Laborwerte schwanken je nach Auslastung. Nimm den Median.
  • Mit der Performance beginnen: Optimierte Bilder (WebP oder AVIF), weniger Skripte und Caching bringen meist am meisten.
  • Labor- mit Felddaten abgleichen: Die Werte realer Besucher siehst du in der Google Search Console und in PageSpeed Insights.

Ein Score von 100 ist kein Ziel an sich. Ein SEO-Score von 100 bedeutet nur, dass die technischen Grundlagen stimmen, nicht dass die Seite rankt. Inhalt, Suchintention und Backlinks bleiben entscheidend.

So entsteht der Performance-Score

Der Performance-Score ist ein gewichteter Durchschnitt aus fünf Messwerten. In der aktuellen Version (Lighthouse 10 und neuer) gilt diese Gewichtung:

Messwert Was er misst Gewicht
Total Blocking Time (TBT) wie lange Skripte die Seite für Eingaben blockieren 30 %
Largest Contentful Paint (LCP) wann das grösste sichtbare Element geladen ist 25 %
Cumulative Layout Shift (CLS) wie stark Inhalte beim Laden verrutschen 25 %
First Contentful Paint (FCP) wann der erste Inhalt erscheint 10 %
Speed Index wie schnell sich die sichtbare Fläche füllt 10 %

Daraus folgt: Wer den Score heben will, setzt zuerst bei JavaScript (TBT), beim grössten Bild oder Textblock oben (LCP) und bei verrutschenden Elementen (CLS) an. Die Farben lesen sich so: 0 bis 49 rot, 50 bis 89 orange, 90 bis 100 grün.

Lighthouse oder PageSpeed Insights?

Beide nutzen dieselbe Prüfung, zeigen aber unterschiedliche Daten:

Lighthouse in Chrome PageSpeed Insights
Daten nur Labor, auf deinem Rechner Labor plus Felddaten echter Chrome-Nutzer der letzten 28 Tage
Messort dein Gerät und deine Leitung Server von Google
Gut für Entwicklung, Fehlersuche, Seiten vor dem Livegang Stand einer öffentlichen Seite, Vergleich mit dem Ranking-Signal

Für das Google-Ranking zählen die Felddaten, also die Core Web Vitals echter Besucher. Der Reaktionswert INP lässt sich im Labor gar nicht messen, Lighthouse zeigt stattdessen TBT als Annäherung. Hat eine Seite noch zu wenige Besucher, fehlen die Felddaten, dann ist der Laborwert die beste verfügbare Orientierung.

Lighthouse-Ergebnisse richtig lesen

  • Mobil zuerst: Der mobile Test simuliert ein Mittelklasse-Smartphone mit gedrosselter Verbindung. Er fällt fast immer schlechter aus als der Desktop-Test und entspricht dem, was Google bewertet (Mobile-First-Index).
  • Hinweise nach Wirkung sortieren: Unter "Diagnose" steht bei vielen Punkten die geschätzte Einsparung. Grosse Bilder, ungenutztes JavaScript und blockierende Schriften bringen meist am meisten.
  • Barrierefreiheit ernst nehmen: Der Accessibility-Score prüft unter anderem Kontraste, Alternativtexte und Beschriftungen. Er deckt nur einen Teil der Anforderungen ab, ist aber ein guter Einstieg in die Barrierefreiheit.
  • SEO-Score nicht überschätzen: Er prüft Grundlagen wie Title, Meta-Description, Crawlbarkeit und Linktexte. 100 Punkte heissen nur, dass nichts Grundlegendes fehlt.

Praxis-Bezug für Schweizer KMU

Für ein KMU ist Lighthouse der schnellste Weg, den technischen Zustand der eigenen Website zu prüfen, kostenlos und in wenigen Minuten. Über Jahre gewachsene WordPress-Seiten mit vielen Plugins schneiden hier oft schlecht ab und verlieren dadurch Besucher. Statt einem perfekten Score nachzujagen, behebst du am besten zuerst die rot markierten Punkte mit dem grössten Effekt auf Ladezeit und Barrierefreiheit.

Häufige Fragen

Lighthouse prüft eine Webseite in vier Kategorien und vergibt je einen Score von 0 bis 100: Performance (Ladezeit), Barrierefreiheit (Accessibility), Best Practices und SEO-Grundlagen. Dazu liefert es eine priorisierte Liste mit konkreten Verbesserungsvorschlägen.

Lighthouse ist kostenlos und Open Source. Du findest es direkt in den Chrome DevTools (Tab "Lighthouse"), in PageSpeed Insights, als Kommandozeilen-Tool oder automatisiert in der CI/CD-Pipeline.

Nein. 100 Punkte bedeuten nur, dass die technischen Grundlagen stimmen, nicht dass du automatisch rankst. Lighthouse misst zudem im Labor. Für das Ranking zählen die Felddaten realer Besucher, die du in der Google Search Console siehst. Inhalt und Suchintention bleiben entscheidend.

Passende Leistungen