Skip to content

Lighthouse-Audits ​

Lighthouse-Audits führen automatisierte Google-Lighthouse-Tests gegen deine Website aus und liefern Bewertungen für Performance, Barrierefreiheit, SEO und Best Practices. Nutze sie, um die Webqualität im Zeitverlauf zu verfolgen und Regressionen zu erkennen, bevor deine Nutzer sie bemerken.

Funktionsweise ​

Hoppla führt ein Headless-Lighthouse-Audit gegen die URL deines Monitors aus und erfasst die Bewertungen für jede der vier Kategorien. Die Ergebnisse werden historisch gespeichert, sodass du Trends verfolgen und Bewertungsänderungen mit Deployments verknüpfen kannst.

Wichtig: Lighthouse ist ein Labor-Audit (synthetisch) -- es lädt deine Seite in einer kontrollierten Headless-Browser-Umgebung und misst nicht, was echte Besucher erleben. Für Core Web Vitals aus echten Nutzerdaten (Felddaten), die aus der Chrome-Telemetrie stammen, bietet Hoppla zusätzlich einen separaten Core-Web-Vitals-Monitor auf Basis des Google-CrUX-Datensatzes (LCP, INP, CLS, FCP, TTFB).

Übrigens: Lighthouse ist ein beratender Check -- er erzeugt den Status warning, erstellt aber niemals Vorfälle. Er ist für die Qualitätsüberwachung gedacht, nicht für die Ausfallerkennung.

Konfiguration ​

EinstellungStandardBeschreibung
Prüfintervall24 StundenLighthouse-Audits sind ressourcenintensiv und laufen daher standardmäßig einmal täglich. Du kannst ein Audit jederzeit auch manuell über das Dashboard starten.
FormfaktorMobil + DesktopJedes Audit läuft sowohl gegen Mobil als auch Desktop, sodass du für beide getrennte Bewertungen erhältst.

Ergebnisse ​

Jedes Audit läuft und speichert Ergebnisse für sowohl Mobil als auch Desktop. Jeder Formfaktor hat eigene Bewertungen von 0 bis 100 über die vier Kategorien unten, dazu eigene Labormetriken und Audit-Details. Das Dashboard bietet einen Mobil/Desktop-Umschalter, damit du beide vergleichen kannst.

Performance ​

Misst, wie schnell deine Seite lädt und interaktiv wird. Die wichtigsten Lighthouse-Labormetriken:

  • Largest Contentful Paint (LCP) -- Zeit, bis das größte Inhaltselement sichtbar ist
  • First Contentful Paint (FCP) -- Zeit, bis der erste Inhalt gezeichnet wird
  • Cumulative Layout Shift (CLS) -- Visuelle Stabilität beim Laden der Seite
  • Total Blocking Time (TBT) -- Zeit, in der der Hauptthread beim Laden blockiert ist

Das sind Labormessungen aus Lighthouses kontrollierter Umgebung. Sie nähern sich den Felddaten des separaten Core-Web-Vitals-Monitors (CrUX) an, sind mit ihnen aber nicht identisch.

Barrierefreiheit ​

Bewertet, wie nutzbar deine Seite für Menschen mit Behinderungen ist. Geprüft werden unter anderem korrekte Überschriftenhierarchie, ARIA-Attribute, Farbkontrast, Alt-Texte und Tastaturnavigation.

SEO ​

Prüft grundlegende SEO-Kriterien: Meta-Tags, crawlbare Links, strukturierte Daten, mobiler Viewport und kanonische URLs.

Best Practices ​

Bewertet allgemeine Webentwicklungs-Praktiken: HTTPS-Nutzung, keine veralteten APIs, korrekte Bildseitenverhältnisse, keine Browserfehler in der Konsole und mehr.

Bewertungen interpretieren ​

BewertungEinstufung
90-100Gut
50-89Verbesserungsbedürftig
0-49Schlecht

Die Bewertungen sind im Dashboard farblich gekennzeichnet: Grün für gut, Orange für verbesserungsbedürftig und Rot für schlecht.

Alarme ​

Warnbenachrichtigung ​

Eine warning.degraded_performance-Benachrichtigung wird gesendet, wenn eine Lighthouse-Bewertung in den Bereich schlecht fällt. Die Benachrichtigung zeigt die konkreten Bewertungen und welche Kategorien sich verschlechtert haben.

Da Lighthouse ein beratender Check ist, erstellt er niemals einen Vorfall und taucht auch nicht als Ausfallzeit auf Statusseiten auf.

Benachrichtigungsereignisse ​

EreignisZeitpunkt
warning.degraded_performanceEine Lighthouse-Bewertung ist in den Bereich „schlecht" gefallen
warning.clearedDie Bewertungen haben sich wieder erholt

Tipps ​

  • Führ Audits nach Deployments aus, um Performance-Regressionen frühzeitig zu erkennen.
  • Verfolge Bewertungen im Zeitverlauf anhand der historischen Ergebnisse, um schleichende Verschlechterungen zu entdecken.
  • Konzentrier dich auf LCP und CLS -- das sind die Core Web Vitals, die Nutzererfahrung und Suchmaschinen-Rankings am stärksten beeinflussen.
  • Optimier nicht ausschließlich für Lighthouse -- eine perfekte 100 ist nicht immer praxistauglich. Schau lieber auf die tatsächliche Auswirkung für deine Nutzer.