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
| Einstellung | Standard | Beschreibung |
|---|---|---|
| Prüfintervall | 24 Stunden | Lighthouse-Audits sind ressourcenintensiv und laufen daher standardmäßig einmal täglich. Du kannst ein Audit jederzeit auch manuell über das Dashboard starten. |
| Formfaktor | Mobil + Desktop | Jedes 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
| Bewertung | Einstufung |
|---|---|
| 90-100 | Gut |
| 50-89 | Verbesserungsbedürftig |
| 0-49 | Schlecht |
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
| Ereignis | Zeitpunkt |
|---|---|
warning.degraded_performance | Eine Lighthouse-Bewertung ist in den Bereich „schlecht" gefallen |
warning.cleared | Die 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.