Qualitätssicherung: Webseite mit Lighthouse & Co. prüfen

Eine Webseite ist nicht „fertig“, wenn sie online geht. Ob sie schnell lädt, für alle nutzbar ist, rechtlich stimmt und von Suchmaschinen gut erfasst wird, lässt sich systematisch prüfen – vieles davon mit kostenlosen Tools wie Google Lighthouse. Dieser Ratgeber zeigt Ihnen als Betreiber einer Firmenwebseite, was zur Qualitätssicherung gehört, wie Sie Lighthouse-Berichte und Core Web Vitals richtig lesen und wann Sie prüfen sollten.

Das Wichtigste in Kürze

• Qualitätssicherung umfasst fünf Bereiche: Performance, Barrierefreiheit, Rechtliches, SEO und Sicherheit.
• Google Lighthouse prüft Performance, Barrierefreiheit, Best Practices und SEO in einem Durchlauf und liefert Punktwerte von 0 bis 100 samt konkreten Verbesserungsvorschlägen.
• Die Core Web Vitals messen Ladezeit (LCP), Reaktionszeit (INP) und Layoutstabilität (CLS); als gut gelten LCP unter 2,5 Sekunden, INP unter 200 Millisekunden und CLS unter 0,1.
• Lighthouse ersetzt weder die inhaltliche noch die rechtliche Prüfung und liefert nur eine Momentaufnahme.
• Prüfen Sie vor dem Launch, nach größeren Änderungen und regelmäßig, etwa einmal im Quartal.

Warum sich Qualitätssicherung lohnt

Ohne gezielte Prüfung bleiben Schwachstellen oft unentdeckt: langsame Ladezeiten, fehlende Alt-Texte, eine lückenhafte Datenschutzerklärung oder technische SEO-Fehler. Das kostet Besucher, Vertrauen und Sichtbarkeit – langsame Seiten etwa führen zu höheren Absprungraten, weniger Anfragen und oft zu schlechteren Rankings. Wer vor dem Launch und danach regelmäßig prüft, kann nachbessern, bevor Kunden abspringen oder die Seite bei Google an Boden verliert. Und wer nach größeren Änderungen testet, verhindert, dass neue Inhalte oder Funktionen die Seite unbemerkt ausbremsen.

Die fünf Prüfbereiche im Überblick

Performance

Wie schnell lädt die Seite, und wie schnell reagiert sie auf Klicks und Scrollen? Die Core Web Vitals und Tools wie Lighthouse oder PageSpeed Insights liefern dafür messbare Werte – mehr dazu weiter unten. Praktische Maßnahmen gegen lange Ladezeiten finden Sie im Ratgeber zu langsamen und nicht mobiltauglichen Webseiten.

Barrierefreiheit

Können Menschen mit Einschränkungen die Seite nutzen? Dazu gehören ausreichender Kontrast, Bedienbarkeit per Tastatur, eine sinnvolle Struktur mit Überschriften und Seitenbereichen (Landmarks), Alt-Texte für Bilder und verständliche Formulare. Maßstab sind die Richtlinien der WCAG; bei der Prüfung helfen Lighthouse, WAVE oder axe. Eine ausführliche Anleitung bietet der Ratgeber Barrierefreie Webseite: BFSG, Checkliste und Tools.

Rechtliches

Ist das Impressum vollständig, die Datenschutzerklärung aktuell? Sind Cookie-Hinweise und Einwilligungen korrekt umgesetzt? Eine Checkliste mit Impressum, Datenschutz, Cookies und – bei Shops – AGB gehört ebenso zur Qualitätssicherung wie bei Bedarf eine rechtliche Prüfung, besonders vor dem Go-live und wenn sich an der Datenverarbeitung etwas ändert. Die Grundlagen erklärt der Ratgeber Impressum und Datenschutz.

SEO

Wird die Seite von Suchmaschinen erfasst und sinnvoll bewertet? Dazu zählen technische Grundlagen wie Seitentitel, Meta-Beschreibungen, Struktur und mobile Nutzbarkeit, die Indexierung, die Sie in der Google Search Console prüfen, sowie die SEO-Hinweise von Lighthouse. Vertiefend: Technisches SEO – Meta-Daten, Struktur und strukturierte Daten.

Sicherheit

Ist HTTPS aktiv? Sind CMS, Plugins und sonstige Softwarebausteine aktuell? Gibt es offensichtliche Schwachstellen? Regelmäßige Updates und ein kurzer Sicherheits-Check – etwa ein SSL-Test und die Suche nach veralteter Software – senken das Risiko.

Google Lighthouse: Was das Tool kann

Lighthouse ist ein kostenloses Prüfwerkzeug von Google. Es ist in die Entwicklertools des Chrome-Browsers eingebaut, lässt sich als Kommandozeilen-Tool nutzen und bildet auch die Grundlage von PageSpeed Insights. Lighthouse simuliert einen Besuch Ihrer Seite auf einem Mobilgerät oder Desktop-Rechner, misst Ladezeiten, prüft zahlreiche technische Kriterien und erstellt einen Bericht mit Punktwerten von 0 bis 100 und konkreten Verbesserungsvorschlägen. Testen lässt sich jede öffentlich erreichbare URL – ganz ohne teure Spezialsoftware.

So führen Sie einen Test durch

1. Öffnen Sie Ihre Webseite im Chrome-Browser.
2. Öffnen Sie die Entwicklertools mit F12 oder per Rechtsklick und „Untersuchen“.
3. Wählen Sie den Tab „Lighthouse“; er kann hinter dem Doppelpfeil „>>“ versteckt sein.
4. Wählen Sie die Kategorien Performance, Accessibility (Barrierefreiheit), Best Practices und SEO.
5. Legen Sie fest, ob für Mobilgeräte oder Desktop getestet wird, und starten Sie die Analyse.
6. Gehen Sie den Bericht durch: erst die Punktwerte, dann die Verbesserungsvorschläge („Opportunities“) und Diagnosen („Diagnostics“) – und legen Sie Prioritäten fest.

Testen Sie einmal für Mobilgeräte und einmal für Desktop, denn die Werte können stark abweichen. Für Nutzer und für Google ist oft die mobile Ansicht entscheidend. Ohne Entwicklertools geht es auch über PageSpeed Insights: Dort geben Sie einfach die Adresse Ihrer Seite ein.

Den Lighthouse-Bericht richtig lesen

Performance

Hier geht es um Geschwindigkeit: Wie schnell wird die Seite sichtbar und benutzbar? Der Punktwert ergibt sich aus mehreren Messwerten zum Ladevorgang, darunter LCP und CLS aus den Core Web Vitals. Blockierende Ressourcen, große Bilder und viel JavaScript wirken sich darauf aus, und Lighthouse listet konkrete Vorschläge auf – etwa Bilder zu komprimieren oder Caching zu nutzen.

Wichtig zu wissen: Im Labortest klickt niemand. Die Reaktionszeit (INP) kann Lighthouse deshalb nur annähern, vor allem über die „Total Blocking Time“. Echte INP-Werte zeigen PageSpeed Insights und die Search Console, sofern genügend Nutzerdaten vorliegen.

Accessibility (Barrierefreiheit)

Lighthouse prüft automatisch viele Punkte, die für die WCAG relevant sind:

• Kontrast zwischen Text und Hintergrund
• Alt-Texte für Bilder
• eine sinnvolle Überschriftenstruktur von H1 bis H6
• Bedienbarkeit per Tastatur, etwa fokussierbare Elemente
• aussagekräftige Namen für Links und Buttons, damit Screenreader sie verständlich vorlesen

Der Punktwert und die aufgelisteten Probleme zeigen, wo Sie nachbessern sollten. Eine manuelle Prüfung ersetzt Lighthouse nicht, deckt aber typische Fehler gut ab.

Best Practices

Hier prüft Lighthouse allgemeine Web-Standards:

• HTTPS, also eine sichere Verbindung
• keine veralteten oder unsicheren Bibliotheken, soweit erkennbar
• korrekte Darstellung von Bildern, etwa im richtigen Seitenverhältnis
• Fehler in der Browser-Konsole oder problematische Schnittstellen, zum Beispiel eine Standortabfrage direkt beim Laden der Seite

Ein guter Wert zeigt: Die Seite entspricht aktuellen Empfehlungen und ist weniger anfällig für Sicherheits- und Kompatibilitätsprobleme.

SEO

Lighthouse prüft technische SEO-Grundlagen:

• Seitentitel und Meta-Beschreibung vorhanden
• Viewport für Mobilgeräte gesetzt
• Indexierbarkeit, also ob Suchmaschinen die Seite erfassen dürfen

Damit sehen Sie, ob die technische Basis stimmt. Strukturierte Daten sollten Sie zusätzlich mit einem separaten Tool prüfen. Für inhaltliches SEO – passende Suchbegriffe, gute Texte – brauchen Sie ein Konzept und die Daten aus der Search Console.

Core Web Vitals verstehen: LCP, INP und CLS

Mit den Core Web Vitals bewertet Google drei zentrale Aspekte des Nutzererlebnisses. Für jeden Wert gibt es Grenzen, nach denen eine Seite als „gut“, „verbesserungswürdig“ oder „schlecht“ gilt.

LCP: Wie schnell ist der Hauptinhalt sichtbar?

Der Largest Contentful Paint misst, wann das größte sichtbare Element geladen ist, etwa ein großes Bild oder ein Textblock. Gut sind Werte unter 2,5 Sekunden, unter 4 Sekunden gelten sie als verbesserungswürdig, darüber als schlecht. Typische Ursachen für schlechte Werte sind schwere Bilder oder Videos, ein langsamer Server, blockierendes JavaScript und fehlendes Caching. Abhilfe schaffen optimierte Bilder, das verzögerte Laden von Bildern weiter unten auf der Seite, das bevorzugte Laden wichtiger Ressourcen, schnelles Hosting und ein CDN für statische Inhalte.

INP: Wie schnell reagiert die Seite auf Eingaben?

Interaction to Next Paint misst, wie schnell die Seite sichtbar auf Klicks, Tippen oder Tastatureingaben reagiert. Ziel ist ein Wert unter 200 Millisekunden. INP hat den älteren Messwert FID (First Input Delay) abgelöst, der deshalb in älteren Berichten und Anleitungen noch auftaucht. Häufige Ursachen für schlechte Werte sind zu viel JavaScript beim Start und lange Blockaden des sogenannten Haupt-Threads, in dem der Browser die Seite verarbeitet. Helfen können das Aufteilen des Codes (Code-Splitting), das verzögerte Laden von nicht kritischem JavaScript und ein sparsamer, optimierter Einsatz von Skripten fremder Anbieter.

CLS: Springt das Layout beim Laden?

Cumulative Layout Shift misst, wie stark sich Inhalte unerwartet verschieben – etwa wenn ein Bild nachrutscht und der Text, den Sie gerade lesen wollten, nach unten springt. Gut sind Werte unter 0,1, unter 0,25 gelten sie als verbesserungswürdig, darüber als schlecht. Ursachen sind vor allem Bilder ohne feste Breite und Höhe sowie nachgeladene Werbung oder Texte. Abhilfe: Für Bilder und Videos Breite und Höhe oder ein festes Seitenverhältnis angeben und für dynamische Inhalte Platz reservieren.

Welche Tools wofür?

• Google Lighthouse: Punktwerte, Messwerte und konkrete Vorschläge – ideal für regelmäßige Checks, mobil und am Desktop.
• PageSpeed Insights: basiert auf Lighthouse und zeigt zusätzlich echte Nutzerdaten (Felddaten), sofern genug vorhanden sind – so sehen Sie, wie schnell die Seite bei realen Besuchern ist.
• Chrome-Entwicklertools, Bereich „Performance“: detaillierte Aufzeichnung von Ladevorgang und Interaktionen, vor allem für Entwickler, etwa um blockierende Skripte zu finden.
• Google Search Console: Der Bericht zu den Core Web Vitals zeigt auf Basis echter Nutzerdaten, welche Seiten als gut, verbesserungswürdig oder schlecht gelten; außerdem sehen Sie Indexierung und Suchanfragen.
• WAVE oder axe: vertiefte Prüfung der Barrierefreiheit.
• Eigene Checklisten: für Rechtliches und Inhalte, die kein Tool bewerten kann.

Als Faustregel gilt: Lighthouse oder PageSpeed Insights vor und nach größeren Änderungen, die Search Console für den langfristigen Blick.

Was Lighthouse nicht leistet

• Keine inhaltliche Bewertung: Ob Ihre Texte überzeugen und die richtigen Suchbegriffe enthalten, prüft Lighthouse nicht.
• Keine rechtliche Prüfung: Impressum, Datenschutzerklärung und Cookie-Einwilligung müssen Sie separat prüfen.
• Nur eine Momentaufnahme: Ein Test zeigt den Zustand zu einem Zeitpunkt. Erst regelmäßige Tests machen Verschlechterungen sichtbar.

So bauen Sie Qualitätssicherung in Ihren Ablauf ein

1. Vor dem Go-live: Gehen Sie alle fünf Bereiche mindestens einmal durch. Prüfen Sie Performance-Wert und Core Web Vitals zumindest für die wichtigsten Seiten wie Startseite und zentrale Unterseiten und beheben Sie kritische Punkte wie sehr große Bilder oder blockierende Ressourcen.
2. Nach Änderungen: Testen Sie erneut, sobald neue Funktionen, Plugins oder größere Inhalte hinzukommen – so erkennen Sie Verschlechterungen sofort.
3. Regelmäßig: Führen Sie einmal pro Quartal oder Halbjahr einen vollständigen Lighthouse-Lauf für die wichtigsten Seiten durch, auch mobil, und notieren Sie die Ergebnisse, um den Verlauf zu sehen.
4. Prioritäten setzen: Setzen Sie nicht jeden Hinweis sofort um, sondern zuerst die Punkte mit der größten Wirkung – oft Bildoptimierung, blockierende Skripte und die Antwortzeit des Servers.
5. Langfristig beobachten: Verfolgen Sie in der Search Console, wie sich Indexierung und Core Web Vitals bei echten Besuchern entwickeln.

Was vor dem Start außer der Qualitätsprüfung zu erledigen ist, fasst die Launch-Checkliste zusammen.

Fazit

Qualitätssicherung ist kein einmaliger Schritt, sondern eine Routine: vor dem Launch, nach Änderungen und in festen Abständen. Lighthouse und PageSpeed Insights zeigen schnell, wo Performance, Barrierefreiheit, Best Practices und technisches SEO stehen; die Search Console ergänzt echte Nutzerdaten. Inhalte und Rechtliches prüfen Sie zusätzlich mit eigenen Checklisten – und setzen dann Prioritäten nach Wirkung.

Dieser Beitrag ist ein allgemeiner Überblick und ersetzt keine Rechtsberatung.