Lernen
Lighthouse Performance: Lab-Probleme beheben, die SEO schaden
Ein praktischer Leitfaden, um Lighthouse-Performance-Probleme zu beheben, ohne nur einem schönen Score hinterherzulaufen.
Starte ein frisches DomainLens-Audit und nutze den Report als Prioritätenliste.
Was Lighthouse Performance misst
Lighthouse ist ein Labortest: Es lädt eine Seite in einer kontrollierten Umgebung und schätzt, wie schnell sie sichtbar, nutzbar und stabil wird. Der Performance-Score ist hilfreich, weil er technische Engpässe zeigt, aber er ist nicht dasselbe wie echte Core Web Vitals von Nutzern.
Behandeln Sie Lighthouse als Diagnosewerkzeug. Es findet renderblockierendes CSS, schweres JavaScript, zu große Bilder, langsame Serverantworten, ungenutzten Code und Layout Shifts. Wichtige Korrekturen sollten danach mit Felddaten aus PageSpeed Insights oder Search Console bestätigt werden, sobald genug Traffic vorhanden ist.
So lesen Sie den Bericht
- Beginnen Sie mit fehlgeschlagenen Opportunities, die LCP, TBT, CLS oder Serverantwortzeit betreffen.
- Trennen Sie Diagnosen von Fixes: manche Einträge erklären die Seite, andere zeigen konkrete Arbeit.
- Prüfen Sie Mobile zuerst, weil Lighthouse Mobile-Throttling Probleme sichtbar macht, die Desktop verdeckt.
- Suchen Sie wiederkehrende Muster in Templates, nicht nur auf einer URL.
- Ignorieren Sie kleine Gewinne, bis die großen Bild-, JavaScript-, CSS- und Cache-Probleme gelöst sind.
Zuerst die wichtigsten Probleme beheben
Die schnellsten Gewinne liegen meist im kritischen Rendering-Pfad. Entfernen Sie ungenutztes CSS, inlinen Sie nur bei Bedarf kritisches CSS, verzögern Sie nicht kritisches JavaScript und teilen Sie große Bundles, damit der Browser vor dem ersten sinnvollen Render weniger Arbeit hat.
Bilder sind der nächste typische Blocker. Skalieren Sie das Hero-Bild auf die tatsächlich dargestellte Größe, liefern Sie WebP oder AVIF, komprimieren Sie ohne sichtbaren Qualitätsverlust und preloaden Sie das LCP-Bild, statt es lazy zu laden. Bei hohem TTFB helfen Full-Page-Cache, optimierte Datenbankabfragen und statische Assets über ein CDN.
Häufige Fehler
- Nur auf einen Lighthouse-Score von 100 optimieren, während echte Nutzer schlechte Core Web Vitals behalten.
- Das Hero-Bild above the fold lazy laden und damit LCP verzögern.
- Optimierungs-Plugins hinzufügen, die mehr CSS oder JavaScript einfügen, als sie entfernen.
- Desktop zuerst beheben und Mobile langsam lassen.
- Bilder komprimieren, ohne sichtbare Qualität und responsive Größen zu prüfen.
So validieren Sie Fixes
Starten Sie Lighthouse vor und nach der Änderung mit derselben URL und Umgebung und vergleichen Sie die konkreten Metriken und Opportunities. Ein guter Fix reduziert Bytes, Main-Thread-Arbeit, Renderblocking-Zeit oder Server-Wartezeit, statt nur den Score leicht zu verschieben.
Nach dem Deployment starten Sie das DomainLens-Audit erneut und beobachten echte Nutzerdaten im nächsten CrUX-Fenster. Lab-Verbesserungen erscheinen sofort, Felddaten brauchen genug Besuche und Zeit.