Wie schnell lädt deine Website, wie zugänglich ist sie und gibt es technische Probleme, die Nutzer:innen oder Suchmaschinen im Weg stehen? Google Lighthouse liefert dir in wenigen Minuten Antworten auf diese Fragen.
Das kostenlose Analyse-Tool von Google prüft einzelne Seiten auf Performance, Barrierefreiheit, Best Practices, SEO und weitere technische Kriterien. Die Ergebnisse erscheinen als Scores und konkrete Hinweise zur Optimierung. Doch nicht jede Warnung ist gleich wichtig und ein hoher Lighthouse-Score bedeutet nicht automatisch, dass deine Website für reale Besucher:innen optimal funktioniert.
Hier erfährst du, wie Google Lighthouse funktioniert, wie du einen Test durchführst und welche Ergebnisse für deinen Onlineshop wirklich relevant sind.
Was ist Google Lighthouse?
Google Lighthouse ist ein kostenloses Open-Source-Tool von Google, das automatisierte technische Audits einzelner Websites durchführt. Es bewertet unter anderem Performance, Barrierefreiheit, Best Practices und grundlegende SEO-Faktoren. Nach dem Test erhältst du Scores und konkrete Hinweise auf mögliche Verbesserungen.
Was prüft Google Lighthouse?
Ein Lighthouse-Report unterteilt die Ergebnisse in mehrere Prüfbereiche. Je nach Version von Lighthouse können sich einzelne Audits, Gewichtungen oder Bezeichnungen verändern. Aktuell gehören Performance, Barrierefreiheit, Best Practices, SEO und agentisches Browsing zu den zentralen Bereichen.
Performance
Der Performance-Bereich untersucht, wie schnell Inhalte geladen und dargestellt werden und wie reaktionsfähig die untersuchte Website ist.
Zu den zentralen Messwerten der Website-Performance gehören unter anderem:
- First Contentful Paint (FCP): Zeitpunkt, zu dem erstmals sichtbarer Inhalt dargestellt wird.
- Largest Contentful Paint (LCP): Zeitpunkt, zu dem das größte sichtbare Inhaltselement geladen wurde.
- Speed Index: Geschwindigkeit, mit der sichtbare Inhalte während des Seitenaufbaus erscheinen.
- Total Blocking Time (TBT): Zeitraum, in dem der Hauptthread so stark beschäftigt ist, dass Eingaben verzögert verarbeitet werden.
- Cumulative Layout Shift (CLS): Maß dafür, wie stark sich sichtbare Elemente während des Ladens unerwartet verschieben.
Aus diesen Metriken berechnet Lighthouse einen Performance-Score zwischen 0 und 100. Die einzelnen Kennzahlen fließen dabei mit unterschiedlicher Gewichtung ein. Wie stark sie in der jeweiligen Lighthouse-Version gewichtet werden, zeigt der Lighthouse Scoring Calculator.
Der Bericht zeigt außerdem an, wie viel Ladezeit durch bestimmte Maßnahmen geschätzt eingespart werden könnte. Solche Angaben sind eine Orientierung und kein garantiertes Ergebnis, da Netzwerkbedingungen, Server-Antwortzeiten und Latenz die tatsächliche Performance beeinflussen.
Accessibility
Der Bereich Accessibility beziehungsweise Barrierefreiheit untersucht automatisiert, ob deine Seite für möglichst viele Menschen zugänglich ist.
Lighthouse kontrolliert beispielsweise, ob bestimmte Elemente ausreichend beschrieben sind, Farbkontraste problematisch sind oder Bilder notwendige Alternativtexte besitzen.
Ein guter Lighthouse-Wert bedeutet jedoch nicht automatisch, dass deine Website vollständig barrierefrei ist. Automatisierte Tools können nur einen Teil möglicher Barrieren erkennen. Auch manuelle Prüfungen sind notwendig.
Best Practices
Unter Best Practices prüft Lighthouse verschiedene technische Qualitäts- und Sicherheitsaspekte einer Seite.
Dabei kann das Tool beispielsweise auf veraltete oder unsichere Technologien, Browserfehler und weitere Probleme der Webentwicklung hinweisen. Auch die sichere Auslieferung über HTTPS kann Teil technischer Prüfungen sein.
So erkennst du beispielsweise Sicherheitsprobleme, veraltete Browserfunktionen oder unsichere Ressourcen, die bei einer rein visuellen Prüfung leicht unbemerkt bleiben.
SEO
Der SEO-Bereich kontrolliert einige grundlegende Anforderungen dafür, dass Suchmaschinen deine Seite finden und verarbeiten können.
Dazu gehören beispielsweise technische Aspekte rund um Crawlbarkeit, Seitenelemente und mobile Darstellung.
Wichtig: Ein Lighthouse-SEO-Score von 100 bedeutet nicht, dass eine Seite automatisch gute Rankings erzielt. Lighthouse prüft nur einen begrenzten Ausschnitt der Suchmaschinenoptimierung.
Lighthouse ersetzt allerdings kein vollständiges technisches SEO-Audit. Es untersucht jeweils eine bestimmte URL und bildet deshalb nur einen Teil der technischen Qualität einer gesamten Website ab. Keyword-Ausrichtung, Suchintention, Content-Qualität, interne Verlinkung, Backlinks und zahlreiche weitere Rankingfaktoren werden damit nicht umfassend bewertet.
Agentisches Browsing
Seit Lighthouse 13.3 gibt es mit „Agentic Browsing“ beziehungsweise „Agentisches Browsing“ eine zusätzliche Prüfkategorie. Sie untersucht, wie gut eine Website von KI-Agenten verstanden und bedient werden kann. Anders als die klassischen Lighthouse-Bereiche wird dieser Bereich derzeit nicht mit einem Score von 0 bis 100 bewertet, sondern als Verhältnis bestandener Prüfungen dargestellt, beispielsweise 2/2.
Dabei prüft Lighthouse unter anderem, ob Inhalte und Bedienelemente technisch eindeutig strukturiert sind und von automatisierten Systemen zuverlässig erkannt werden können. Auch Hinweise für KI-Systeme und neue technische Standards zur Interaktion mit Websites können eine Rolle spielen.
Für Onlineshops ist das besonders relevant: Ein KI-Agent könnte beispielsweise Produkte suchen, Informationen auslesen oder mit Formularen und anderen Funktionen interagieren. Eine sauber strukturierte, zugängliche und stabile Website schafft dafür eine bessere technische Grundlage.
Wichtig: Agentisches Browsing ist derzeit kein bestätigter Google-Rankingfaktor. Die Kategorie dient vielmehr als technisches Diagnoseinstrument für die zunehmende Nutzung des Webs durch KI-Agenten.
Was bedeutet der Google-Lighthouse-Score?
Lighthouse stellt seine Performance-Bewertung auf einer Skala von 0 bis 100 dar:
- 90 bis 100: gut
- 50 bis 89: verbesserungswürdig
- 0 bis 49: schlecht
Die einfache Ampeldarstellung erleichtert die Orientierung. Trotzdem solltest du die Werte nicht isoliert betrachten.
Ein Score von 100 ist weder für jede Website realistisch noch zwingend notwendig. Schon kleine Änderungen an Netzwerkbedingungen, Serverauslastung oder Latenz können den gemessenen Wert verändern.
Für einen Onlineshop ist eine funktionierende Produktseite mit hochwertigen Bildern, notwendigen Funktionen und guter Nutzererfahrung wichtiger als das Entfernen sinnvoller Elemente nur für einige zusätzliche Lighthouse-Punkte.
Entscheidend ist deshalb die Frage: Welche Maßnahmen verbessern die tatsächliche Erfahrung deiner Kund:innen?
Wie führst du einen Google-Lighthouse-Test durch?
Du kannst Lighthouse auf verschiedene Arten nutzen. Am einfachsten funktioniert die Analyse über die Developer-Tools im Google-Chrome-Browser oder über PageSpeed Insights. Darüber hinaus lässt sich Lighthouse auch über die Befehlszeile oder als Node-Modul ausführen. Eine Übersicht der Möglichkeiten findest du in der offiziellen Lighthouse-Dokumentation von Google.
Für einen schnellen Lighthouse-Test benötigst du lediglich Google Chrome und die URL der Seite, die du überprüfen möchtest.
1. Öffne die gewünschte Webseite
Rufe im Google-Chrome-Browser die konkrete Website auf, die du analysieren möchtest.
Für Onlineshops lohnt es sich, nicht nur die Startseite zu testen. Produkt-, Kategorie- und Landingpages können unterschiedliche technische Schwachstellen aufweisen und sollten deshalb separat geprüft werden.
2. Öffne die Developer-Tools
Öffne über das Browsermenü die Developer-Tools oder klicke mit der rechten Maustaste auf die Seite und wähle „Untersuchen“.
Wähle anschließend den Bereich „Lighthouse“.
3. Lege die Testbedingungen fest
Wähle die gewünschten Prüfbereiche und die Gerätekategorie aus. Je nach verfügbarer Lighthouse-Version kannst du unterschiedliche Einstellungen vornehmen.
Besonders die mobile Analyse ist für E-Commerce-Websites wichtig. Es kann jedoch sinnvoll sein, ergänzend auch einen Desktop-Test durchzuführen, da sich Ladezeit und Nutzererfahrung zwischen Smartphones und leistungsfähigeren Desktop-Geräten unterscheiden können.
4. Starte die Analyse
Lighthouse lädt die Seite unter definierten Bedingungen neu und führt die ausgewählten Audits durch.
Währenddessen solltest du möglichst keine anderen ressourcenintensiven Prozesse im Browser ausführen. Auch Browsererweiterungen können Lighthouse-Tests beeinflussen.
5. Werte den Lighthouse-Report aus
Nach Abschluss erhältst du deine Scores sowie den Status einzelner bestandener und nicht bestandener Audits.
Konzentriere dich nicht ausschließlich auf die große Zahl am Anfang des Berichts. Prüfe insbesondere die darunter aufgeführten Probleme und Empfehlungen. Lighthouse kann beispielsweise Hinweise auf lange Ladezeiten, blockierendes JavaScript oder langsame Server-Antwortzeiten liefern.
Warum können Lighthouse-Ergebnisse schwanken?
Wenn du dieselbe Seite mehrmals analysierst, können unterschiedliche Ergebnisse entstehen.
Mögliche Ursachen sind unter anderem:
- unterschiedliche Geräteauslastung
- Netzwerkbedingungen und Latenz
- Browsererweiterungen
- A/B-Tests
- dynamisch eingebundene Inhalte
- Skripte von Drittanbieter:innen
- Server-Antwortzeiten
- andere parallel laufende Prozesse
Mehrere Lighthouse-Tests unter vergleichbaren Bedingungen liefern deshalb ein aussagekräftigeres Bild als eine einzelne Messung.
Auch Änderungen an Apps, Themes oder anderen technischen Komponenten können den Status einzelner Audits beeinflussen. Deshalb lohnt es sich, wichtige Seitentypen nach größeren Änderungen erneut zu überprüfen.
Mobile vs. Desktop: Warum unterscheiden sich die Lighthouse-Ergebnisse?
Lighthouse kann deine Website sowohl für mobile Geräte als auch für Desktop-Geräte testen. Die Ergebnisse können sich dabei deutlich unterscheiden.
Bei mobilen Tests simuliert Lighthouse in der Regel schwächere Hardware und eingeschränktere Netzwerkbedingungen. Dadurch können Ladezeiten länger ausfallen und Performance-Probleme sichtbarer werden als bei einem Desktop-Test.
Das bedeutet nicht automatisch, dass deine mobile Website fehlerhaft ist. Vielmehr zeigt der Test, wie robust deine Seite unter weniger leistungsfähigen Bedingungen funktioniert.
Für Onlineshops solltest du beide Varianten prüfen. Unterschiede zwischen Mobile und Desktop betreffen nicht nur die Performance, sondern auch die E-Commerce-UX. Mobile Tests sind besonders wichtig, weil viele Nutzer:innen über Smartphones einkaufen. Desktop-Tests helfen dir zusätzlich dabei, Unterschiede zwischen Gerätetypen zu erkennen und technische Probleme gezielter einzugrenzen.
Wie kannst du deinen Lighthouse-Score verbessern?
Welche Maßnahmen den größten Effekt haben, hängt von deiner Website und deinem konkreten Lighthouse-Report ab. Für Onlineshops treten jedoch einige Optimierungsmöglichkeiten besonders häufig auf. Wenn du deine Website-Geschwindigkeit verbessern möchtest, solltest du die einzelnen Hinweise im Lighthouse-Report nach ihrer Auswirkung priorisieren.
Bilder optimieren
Große Produkt- und Hero-Bilder können erhebliche Datenmengen verursachen und die Ladezeit verlängern. Achte auf passende Bildabmessungen, effiziente Dateiformate und darauf, Bilder nicht größer auszuliefern als für die jeweilige Darstellung notwendig. Vor allem das größte sichtbare Element einer Seite kann deinen LCP stark beeinflussen. Neben der Dateigröße spielt auch Bilder-SEO eine Rolle, damit deine Produktbilder Suchmaschinen nicht nur schnell, sondern auch verständlich zur Verfügung stehen.
JavaScript reduzieren
JavaScript kann den Browser während des Seitenaufbaus stark beanspruchen. Prüfe deshalb regelmäßig, welche Skripte und Funktionen dein Shop tatsächlich benötigt. Besonders zusätzliche Apps, Tracking-Dienste oder Marketing-Skripte können die Menge des ausgeführten Codes erhöhen.
Entferne Funktionen nicht pauschal, sondern bewerte immer ihren geschäftlichen Nutzen gegenüber ihren Auswirkungen auf die Performance.
Server-Antwortzeiten prüfen
Nicht jede langsame Website wird ausschließlich durch Inhalte im Browser verursacht. Auch langsame Server-Antwortzeiten können die Ladezeit beeinflussen.
Lighthouse kann dir Hinweise darauf geben, dass die Antwort des Servers einen Engpass darstellt. Zusätzlich solltest du berücksichtigen, dass geografische Entfernung, Netzwerkauslastung und Latenz die gemessenen Werte beeinflussen können.
Layout-Verschiebungen vermeiden
Elemente sollten beim Laden möglichst nicht plötzlich ihre Position verändern. Bei Produktseiten können beispielsweise nachträglich geladene Bilder, Banner oder andere Komponenten Inhalte verschieben. Feste Abmessungen für Medien und reservierter Platz für dynamische Elemente können dabei helfen, deinen CLS zu verbessern.
Nicht benötigte Ressourcen später laden
Nicht alles muss unmittelbar beim ersten Seitenaufruf verfügbar sein. Bilder oder andere Inhalte, die sich weit unterhalb des sichtbaren Bereichs befinden, können häufig später geladen werden. Dadurch stehen die Ressourcen des Browsers zunächst für die wichtigsten Inhalte zur Verfügung.
Apps und Drittanbieter-Skripte überprüfen
Apps erweitern deinen Onlineshop um wichtige Funktionen, können aber zusätzliche Skripte und Netzwerkabfragen verursachen. Überprüfe deshalb regelmäßig, ob installierte Apps noch genutzt werden und ob eingebundene Drittanbieter-Dienste einen angemessenen Mehrwert liefern. Besonders nach der Installation neuer Funktionen bietet sich ein erneuter Lighthouse-Test an.
Nicht jede dieser Maßnahmen hat jedoch dieselbe Priorität. Welche Probleme du zuerst angehen solltest, hängt von ihrer Auswirkung auf Nutzererfahrung und geschäftlich wichtige Seiten ab.
Welche Lighthouse-Probleme solltest du zuerst beheben?
Arbeite nicht einfach jede Warnung von oben nach unten ab.
Eine sinnvolle Reihenfolge ist:
- Behebe kritische Fehler, die die Nutzung oder Darstellung deiner Seite verhindern.
- Prüfe Probleme, die zentrale Performance-Metriken oder die Ladezeit deutlich beeinträchtigen.
- Priorisiere Seiten mit geschäftlicher Bedeutung wie Produkt- und Kategorieseiten.
- Behebe relevante Probleme bei Barrierefreiheit und Best Practices.
- Bewerte kleinere Optimierungen danach, welchen tatsächlichen Nutzen sie bringen.
Lighthouse bewertet zahlreiche technische Anforderungen automatisiert. Das bedeutet jedoch nicht, dass jede nicht bestandene Prüfung dieselbe Priorität haben sollte.
Gerade im E-Commerce sollte die Optimierung nicht allein auf einen technischen Score ausgerichtet sein. Geschwindigkeit, Funktionalität, Produktdarstellung und eine reibungslose Bedienung müssen zusammenspielen.
Google Lighthouse und PageSpeed Insights: Was ist der Unterschied?
Lighthouse und PageSpeed Insights greifen teilweise auf dieselben technischen Grundlagen zurück, verfolgen aber unterschiedliche Zwecke.
Google Lighthouse ist ein Audit-Tool, mit dem du einzelne Seiten unter kontrollierten Bedingungen analysierst. Du kannst es unter anderem direkt über die Developer-Tools im Google-Chrome-Browser ausführen und erhältst Bewertungen zu Performance, Barrierefreiheit, Best Practices, SEO und weiteren Prüfkategorien.
PageSpeed Insights ist dagegen ein webbasiertes Analyse-Tool. Es verwendet Lighthouse für die sogenannten Labordaten und ergänzt diese, sofern verfügbar, um reale Nutzerdaten aus dem Chrome User Experience Report.
Kurz gesagt: Lighthouse hilft dir vor allem bei der technischen Diagnose einer einzelnen Seite. PageSpeed Insights eignet sich besonders dafür, Labordaten und reale Nutzererfahrungen gemeinsam zu betrachten.
Google Lighthouse und Core Web Vitals: Was ist der Unterschied?
Lighthouse und Core Web Vitals hängen zusammen, sind aber nicht identisch. Lighthouse erstellt eine Labormessung. Das bedeutet, dass eine Seite unter kontrollierten Bedingungen mit festgelegten Geräteeigenschaften und Netzwerkbedingungen geladen und untersucht wird. Dadurch kannst du technische Probleme reproduzieren und gezielt diagnostizieren.
Felddaten zeigen dagegen, was reale Nutzer:innen tatsächlich erleben. Sie basieren auf echten Seitenaufrufen mit unterschiedlichen Geräten, Netzwerkverbindungen und Nutzungssituationen.
Einfach zusammengefasst:
- Labordaten beantworten die Frage: Wie verhält sich die Seite unter festgelegten Testbedingungen?
- Felddaten beantworten die Frage: Wie erleben reale Nutzer:innen die Seite tatsächlich?
Core Web Vitals konzentrieren sich auf zentrale Aspekte dieser realen Nutzererfahrung:
- Largest Contentful Paint (LCP) misst die Ladeleistung.
- Interaction to Next Paint (INP) misst die Reaktionsfähigkeit.
- Cumulative Layout Shift (CLS) misst die visuelle Stabilität.
Als gute Werte gelten ein LCP von höchstens 2,5 Sekunden, ein INP von höchstens 200 Millisekunden und ein CLS von höchstens 0,1.
Ein guter Lighthouse-Test ist deshalb hilfreich, sollte aber nicht deine einzige Informationsquelle sein. Felddaten aus PageSpeed Insights oder dem Core-Web-Vitals-Bericht der Google Search Console zeigen dir zusätzlich, wie deine Website bei echten Besuchen abschneidet.
Fazit: Google Lighthouse richtig einsetzen
Google Lighthouse hilft dir dabei, technische Schwachstellen einzelner Seiten schnell zu erkennen. Das Tool prüft unter anderem Performance, Barrierefreiheit, Best Practices und grundlegende SEO-Anforderungen und zeigt dir konkrete Ansatzpunkte für Verbesserungen.
Der Gesamtscore sollte dabei nicht dein einziges Ziel sein. Aussagekräftiger ist, welche Probleme Lighthouse identifiziert und welchen Einfluss diese auf Ladezeit, Bedienbarkeit und die Erfahrung deiner Kund:innen haben.
Für ein vollständiges Bild solltest du Lighthouse deshalb mit weiteren Daten kombinieren. Während Lighthouse unter kontrollierten Bedingungen misst, zeigen dir beispielsweise Core Web Vitals und PageSpeed Insights zusätzlich, wie deine Seiten bei realen Nutzer:innen abschneiden können.
Für Onlineshops ist vor allem eine gezielte Priorisierung entscheidend: Prüfe wichtige Produkt-, Kategorie- und Landingpages regelmäßig und konzentriere dich zuerst auf Optimierungen, die spürbare Auswirkungen auf Nutzererfahrung und Funktionalität haben.
