Ratgeber · Web-Performance 2026
Lighthouse-Score systematisch verbessern
Welche Maßnahmen pro Score-Punkt am meisten bringen, und warum man immer mobile-first auditieren sollte.
Von Mateusz Viola
Betreiber & redaktionelle Verantwortung pagespeed-test.de
Veröffentlicht
Aktualisiert:
Lighthouse-Score zusammensetzung
Der "Performance"-Score in Lighthouse 12 setzt sich aus fünf Metriken zusammen:
| Metrik | Gewichtung |
|---|---|
| LCP | 25 % |
| TBT (Total Blocking Time) | 30 % |
| CLS | 25 % |
| FCP (First Contentful Paint) | 10 % |
| Speed Index | 10 % |
TBT ist die Lab-Version von INP - sie misst, wie lange der Hauptthread durch lange Tasks blockiert ist. Score-Punkte sind keine lineare Skala: 99 → 100 kostet oft mehr Aufwand als 60 → 90.
Sieben Schritte von 60 auf 95
1. Bilder modernisieren (oft +10-15 Punkte)
JPGs durch AVIF/WebP ersetzen, width/height setzen, Hero-Bild preloaden, alle anderen lazy. Spart Bytes UND verhindert Layout-Shifts.
2. Critical CSS inline (+5-10 Punkte)
Above-the-fold CSS direkt im <head> einbetten, Rest mit media="print" + onload="..." nachladen. Tools: Critters, Penthouse, PurgeCSS.
3. JavaScript defer + Code-Splitting (+5-10 Punkte)
Alle Scripts mit defer oder async laden. Heavy Components per Dynamic Import. Vendor-Bundle splitten.
4. Cache-Headers richtig setzen (+2-5 Punkte)
Statische Assets: max-age=31536000, immutable. HTML: no-cache. Bei Wiederbesuch lädt fast nichts mehr neu.
5. Webfonts optimieren (+3-7 Punkte)
Self-Hosting (statt Google Fonts CDN), font-display: swap, preload des kritischen Schriftschnitts, woff2 statt woff, Subsetting auf benötigte Zeichen.
6. Third-Party-Scripts asynchron oder verzögert (+3-5 Punkte)
Analytics-Scripts mit async, Chat-Widgets nach Scroll-Tiefe per IntersectionObserver. Partytown für komplette Verlagerung in Web Worker.
7. CDN aktivieren (+2-5 Punkte)
Cloudflare/Vercel/Netlify Edge spart 100-300 ms TTFB. Bei internationalem Traffic noch mehr.
Mobile-First auditieren
Lighthouse Mobile rechnet mit 4× CPU-Slowdown und Slow 4G - das simuliert einen Mid-Range-Android auf schlechter Verbindung. Diese Bewertung ist die ranking-relevante (Mobile-First-Indexing seit 2019). Desktop-Score interessiert Google sekundär. Immer Mobile auditieren.
Lighthouse Lab ≠ CrUX Field
Lighthouse misst auf einem Testdurchlauf in einer kontrollierten Umgebung. CrUX (Search Console) misst echte User über 28 Tage. Lab kann brilliant sein während Field rot ist (oder umgekehrt). Lighthouse zum Iterieren, CrUX als Wahrheit fürs Ranking.