Was ist Lighthouse-Performance-Monitoring?
Google Lighthouse ist ein Open-Source-Tool, das eine Webseite auf Performance, Barrierefreiheit, Best Practices und SEO prüft. Ein einzelnes Audit zeigt, wie eine Seite heute abschneidet; Lighthouse-Performance-Monitoring führt diese Audits regelmäßig aus, damit Sie Trends erkennen, Regressionen nach einem Release entdecken und belegen können, dass Optimierungen gewirkt haben. Dieser Leitfaden erklärt, was Lighthouse misst, wie der Performance-Score berechnet wird, welche Core-Web-Vitals-Grenzwerte heute gelten – einschließlich INP, das 2024 FID abgelöst hat – und wie Sie auf die Ergebnisse reagieren.
Was Lighthouse misst
Jeder Lighthouse-Bericht bewertet eine Seite in vier Kategorien mit 0 bis 100 Punkten:
Performance
Wie schnell die Seite lädt, bedienbar wird und visuell stabil bleibt – gemessen an Labormetriken wie Largest Contentful Paint, Total Blocking Time und Cumulative Layout Shift.
Barrierefreiheit
Ob Menschen mit assistiven Technologien die Seite nutzen können: Farbkontrast, Alt-Texte, Formular-Labels, Überschriftenreihenfolge und Tastaturbedienung.
Best Practices
Moderne Webstandards wie HTTPS, keine Browserfehler in der Konsole, sicherer Drittanbieter-Code und korrekt dimensionierte Bilder.
SEO
Grundlegende Anforderungen von Suchmaschinen: Title und Meta-Description, crawlbare Links, gültiges hreflang und eine Seite, die nicht von der Indexierung ausgeschlossen ist.
So wird der Lighthouse-Performance-Score berechnet
Seit Lighthouse 10 ist der Performance-Score ein gewichteter Durchschnitt aus fünf Labormetriken. Total Blocking Time und die beiden Core Web Vitals, die Lighthouse messen kann, haben das größte Gewicht:
- Total Blocking Time (TBT)
- 30 %
- Largest Contentful Paint (LCP)
- 25 %
- Cumulative Layout Shift (CLS)
- 25 %
- First Contentful Paint (FCP)
- 10 %
- Speed Index
- 10 %
Werte von 90–100 gelten als gut, 50–89 als verbesserungswürdig und 0–49 als schlecht. Time to Interactive (TTI) ist nicht mehr Teil des Scores.
Die Werte schwanken zwischen einzelnen Läufen, etwa durch Netzwerkbedingungen, Serverlast und Browsererweiterungen. Deshalb sind Trends über viele Läufe aussagekräftiger als ein einzelnes Audit.
Core Web Vitals: LCP, INP und CLS
Core Web Vitals sind die drei Metriken von Google für Ladezeit, Reaktionsfähigkeit und visuelle Stabilität. Interaction to Next Paint (INP) hat First Input Delay (FID) am 12. März 2024 offiziell als Metrik für die Reaktionsfähigkeit abgelöst. Google empfiehlt, jede Metrik am 75. Perzentil der Seitenaufrufe zu messen, getrennt nach Mobilgeräten und Desktop.
Largest Contentful Paint (LCP)
Gut: 2,5 s oder weniger · Schlecht: über 4 s
LCP misst, wie lange es dauert, bis das größte Bild oder der größte Textblock im sichtbaren Bereich dargestellt wird. Er zeigt am besten, wann Nutzer den Hauptinhalt sehen.
Warum das wichtig ist: Ein langsamer LCP bedeutet, dass Besucher auf eine unvollständige Seite schauen. Typische Ursachen sind langsame Serverantworten, render-blockierende Ressourcen und große Hero-Bilder.
So verbessern Sie den Wert:
- Serverantwortzeit (TTFB) mit Caching und CDN verkürzen
- Das LCP-Bild in einem modernen Format (WebP oder AVIF) und passender Größe ausliefern
- Das LCP-Bild nicht lazy laden und ihm fetchpriority="high" geben
- Render-blockierendes CSS und JavaScript entfernen oder verzögert laden
Interaction to Next Paint (INP)
Gut: 200 ms oder weniger · Schlecht: über 500 ms
INP misst, wie schnell die Seite während des gesamten Besuchs auf Klicks, Tipps und Tastatureingaben reagiert, und meldet eine der langsamsten Interaktionen. FID hat nur die Verzögerung bis zur Verarbeitung der ersten Interaktion gemessen.
Warum das wichtig ist: Ein schlechter INP lässt eine Seite träge oder kaputt wirken, selbst wenn sie schnell geladen hat. Häufigste Ursache sind lange JavaScript-Tasks, die den Main Thread blockieren.
So verbessern Sie den Wert:
- Lange Tasks aufteilen und dem Main Thread Zeit zurückgeben
- Drittanbieter-Skripte reduzieren und verzögert laden
- Event-Handler schlank halten und aufwendige Arbeit vom Main Thread verlagern
- Große, komplexe DOM-Updates nach jeder Interaktion vermeiden
Cumulative Layout Shift (CLS)
Gut: 0,1 oder weniger · Schlecht: über 0,25
CLS misst, wie stark sich sichtbare Inhalte unerwartet verschieben, während die Seite geöffnet ist. Eine Verschiebung liegt vor, wenn ein Element ohne Nutzereingabe zwischen zwei Frames seine Position ändert.
Warum das wichtig ist: Layout-Verschiebungen lassen Nutzer die Orientierung verlieren oder den falschen Button antippen. Ursachen sind meist Bilder ohne Abmessungen, spät ladende Anzeigen oder Embeds und Webfonts.
So verbessern Sie den Wert:
- Breite und Höhe (oder aspect-ratio) für Bilder, Videos und iframes angeben
- Platz für Anzeigen, Embeds und dynamische Inhalte reservieren
- Keine Inhalte über bestehenden Inhalten einfügen, sofern der Nutzer sie nicht angefordert hat
- font-display nutzen und wichtige Schriften vorab laden, um Textverschiebungen zu begrenzen
INP mit Lighthouse messen
Ein normales Lighthouse-Audit lädt die Seite, ohne mit ihr zu interagieren, und kann INP daher nicht messen. Nutzen Sie Total Blocking Time als Labor-Ersatzwert: Ein hoher TBT bedeutet meist einen schlechten INP für echte Nutzer. Echte INP-Werte finden Sie in den Felddaten des Chrome UX Report in PageSpeed Insights oder im Core-Web-Vitals-Bericht der Google Search Console.
Labordaten vs. Felddaten
Lighthouse liefert Labordaten: einen kontrollierten Test auf einem simulierten Gerät mit simuliertem Netzwerk. Felddaten stammen von echten Chrome-Nutzern. Sie brauchen beides.
Labordaten (Lighthouse)
Reproduzierbar und sofort verfügbar, auch für Seiten mit wenig Traffic. Ideal, um Regressionen vor und nach einem Release zu erkennen und konkrete Probleme zu analysieren.
Felddaten (Chrome UX Report)
Spiegeln echte Geräte, Netzwerke und Interaktionen wider und sind die Grundlage, die Google für Core Web Vitals in der Suche nutzt. Sie werden über die letzten 28 Tage aggregiert, daher zeigen sich Änderungen nur langsam.
Mobile vs. Desktop-Performance
Mobile und Desktop-Ergebnisse unterscheiden sich oft deutlich, und Google bewertet die Core Web Vitals für beide getrennt. Testen Sie beides.
Mobil
Das mobile Lighthouse-Audit simuliert ein Mittelklasse-Smartphone mit gedrosselter CPU und langsamerem Netzwerk. Mobile Werte sind meist niedriger und näher an dem, was viele echte Besucher erleben.
Desktop
Das Desktop-Audit nutzt eine schnellere simulierte Verbindung ohne mobile CPU-Drosselung. Ein guter Desktop-Wert bedeutet nicht, dass auch die mobile Nutzererfahrung gut ist.
So verbessern Sie Ihren Lighthouse-Performance-Score
Die meisten Verbesserungen kommen aus wenigen Techniken. Beginnen Sie mit dem Bereich, den Ihr Bericht am deutlichsten markiert:
Kritischer Rendering-Pfad
Ersten und größten Inhalt schneller anzeigen (FCP, LCP).
Techniken:- Kritisches CSS inline einbinden, den Rest verzögert laden
- LCP-Bild und wichtige Schriften vorab laden
- Render-blockierendes JavaScript entfernen
- Serverantwortzeit (TTFB) verbessern
Bilder und Medien
Bilder sind oft die größten Ressourcen einer Seite (LCP, CLS).
Techniken:- WebP oder AVIF mit Fallbacks nutzen
- Responsive Bilder mit srcset und sizes ausliefern
- Nur Bilder unterhalb des sichtbaren Bereichs lazy laden
- Immer Bildabmessungen angeben
JavaScript
Weniger Arbeit auf dem Main Thread bedeutet bessere Reaktionsfähigkeit (TBT, INP).
Techniken:- Bundles aufteilen und Code bei Bedarf laden
- Ungenutzten Code per Tree Shaking entfernen
- Lange Tasks aufteilen
- Drittanbieter-Skripte begrenzen und verzögert laden
Netzwerk und Caching
Jede Ressource schneller ausliefern (alle Metriken).
Techniken:- Ein CDN nahe an Ihren Nutzern verwenden
- Über HTTP/2 oder HTTP/3 ausliefern
- Lange Cache-Laufzeiten für statische Assets setzen
- DNS-Lookups reduzieren und Verbindungen wiederverwenden
Typische Performance-Probleme und Lösungen
Performance-Probleme folgen oft bekannten Mustern. Hier sind drei, die Sie wiedererkennen werden – mit den betroffenen Metriken und dem besten Ansatzpunkt.
Onlineshop wird im Sale langsam
Produktseiten werden schwerer und der Server langsamer – genau dann, wenn der Traffic am höchsten ist.
- Langsamer LCP durch große, nicht optimierte Produktbilder
- Layout-Verschiebungen durch spät ladende Banner und Bewertungen
- Hoher TBT durch Marketing- und Tracking-Skripte
Käufer warten länger, und mehr von ihnen brechen vor dem Checkout ab
- Produktbilder verkleinern, komprimieren und als WebP oder AVIF ausliefern
- Platz für Banner und dynamische Widgets reservieren
- Tag-Manager prüfen und nicht notwendige Skripte verzögert laden
- Seiten per CDN am Edge cachen
Nachrichtenseite unter Traffic-Spitze
Eine Eilmeldung treibt den Traffic weit über das normale Niveau.
- Langsamer FCP und LCP, weil der Origin-Server überlastet ist
- Layout-Verschiebungen durch Anzeigen und eingebettete Medien
- Schlechte Reaktionsfähigkeit durch schwere Werbeskripte
Leser springen ab, bevor der Artikel erscheint
- Gecachte oder statische Versionen der Artikelseiten ausliefern
- Feste Plätze für Anzeigen und Embeds reservieren
- Drittanbieter-Skripte erst nach dem Hauptinhalt laden
- Serverkapazität vor erwarteten Spitzen erhöhen
Web-App wird mit jedem Release langsamer
Neue Features fügen nach und nach JavaScript hinzu, bis sich die App träge anfühlt.
- Wachsende JavaScript-Bundles
- Lange Tasks, die den TBT erhöhen und den INP verschlechtern
- Mehr Abhängigkeiten von Drittanbietern
Nutzer bemerken Verzögerungen bei alltäglichen Aufgaben
- Code nach Routen aufteilen und Features bei Bedarf laden
- Ein Performance-Budget festlegen und bei jedem Release prüfen
- Ungenutzte Abhängigkeiten entfernen
- Lighthouse-Scores kontinuierlich verfolgen, um Regressionen früh zu erkennen
Lighthouse-Performance-Monitoring mit nanokoi.io
nanokoi.io bietet in jedem Tarif Google-Lighthouse-Performance-Monitoring und Core-Web-Vitals-Tracking – zusätzlich zum Website-Monitoring für Uptime, SSL-Zertifikate und DNS.
Automatisierte Lighthouse-Audits
Statt Lighthouse von Hand auszuführen, prüft nanokoi.io Ihre überwachten URLs für Sie – so haben Sie stets aktuelle Werte für Performance, Barrierefreiheit, Best Practices und SEO.
Core-Web-Vitals-Tracking
Verfolgen Sie Scores und Core Web Vitals über die Zeit und sehen Sie, ob ein Release die Lage verbessert oder verschlechtert hat. Monitoring-Daten lassen sich für eigene Auswertungen als CSV, JSON oder XML exportieren.
KI-generierte Optimierungsberichte
KI-generierte Optimierungsberichte machen aus Lighthouse-Ergebnissen eine priorisierte Liste von Maßnahmen. Der Professional-Tarif ergänzt KI-gestützte Performance-Insights – was jeder Tarif enthält, sehen Sie unter Preise.
Erste Schritte
Lighthouse-Performance-Monitoring ist in wenigen Minuten eingerichtet. Neu im Thema Monitoring? Unser Leitfaden zum Website-Monitoring erklärt die Grundlagen.
- 1Website hinzufügen: Erstellen Sie ein kostenloses Konto und fügen Sie die URLs hinzu, die Sie überwachen möchten – der Free-Tarif umfasst bis zu 5.
- 2Ausgangswerte prüfen: Sehen Sie sich die ersten Lighthouse-Scores und Core Web Vitals jeder Seite an und notieren Sie die schwächste Metrik.
- 3Das größte Problem zuerst beheben: Arbeiten Sie den KI-generierten Optimierungsbericht ab – beginnend mit der Metrik, die am weitesten von „gut“ entfernt ist.
- 4Den Trend verfolgen: Vergleichen Sie die Werte nach jedem Release, um Verbesserungen zu bestätigen und Regressionen früh zu erkennen.
Häufige Fragen zum Lighthouse-Performance-Monitoring
Was ist ein guter Lighthouse-Performance-Score?
90 oder mehr gilt als gut, 50–89 als verbesserungswürdig und unter 50 als schlecht. Verstehen Sie den Score als Orientierung: Die einzelnen Metriken – vor allem LCP, TBT und CLS – zeigen, was zu tun ist.
Misst Lighthouse noch FID?
Nein. FID wurde im März 2024 als Core Web Vital abgeschafft und durch INP ersetzt. Lighthouse kann INP in einem normalen Lade-Audit nicht messen und weist stattdessen Total Blocking Time als Labor-Ersatzwert aus.
Warum ändern sich meine Lighthouse-Scores zwischen den Läufen?
Netzwerkbedingungen, Serverlast, verfügbare CPU-Leistung und Browsererweiterungen beeinflussen Laborergebnisse. Monitoring über längere Zeit glättet dieses Rauschen und zeigt den tatsächlichen Trend.
Beeinflussen Lighthouse-Scores das Google-Ranking?
Nicht direkt. Die Ranking-Systeme von Google nutzen als Teil der Page Experience die Core Web Vitals aus echten Nutzerdaten, nicht den Lighthouse-Score selbst. Lighthouse hilft Ihnen, die Probleme zu finden und zu beheben, die diese Metriken verschlechtern.
Starten Sie Ihr Lighthouse-Performance-Monitoring
Verfolgen Sie Lighthouse-Scores und Core Web Vitals Ihrer wichtigsten Seiten und erhalten Sie KI-generierte Optimierungsberichte. Der Free-Tarif umfasst bis zu 5 URLs.
Kostenlos mit dem Monitoring startenKeine Kreditkarte erforderlich