Warum Website-Performance zählt
Google nutzt Core Web Vitals als Ranking-Faktor. Eine langsame Website rankt schlechter und verliert Besucher.
Die Zahlen:
53 % verlassen eine Seite, die länger als 3 Sekunden lädt
1 Sekunde Verzögerung = 7 % weniger Conversions
Google misst: LCP, FID/INP und CLS
Schritt 1: Bilder optimieren
Bilder machen 50-80 % des Seitengewichts aus.
Nutzen Sie WebP oder AVIF (30-50 % kleiner als JPEG)
Setzen Sie Lazy Loading ein — nur sichtbare Bilder laden
Geben Sie Breite und Höhe an — verhindert Layout-Sprünge (CLS)
Verwenden Sie responsive Bilder mit srcset
Schritt 2: JavaScript minimieren
Code-Splitting — nur das JavaScript laden, das die Seite braucht
Tree Shaking — ungenutzten Code automatisch entfernen
Nicht-kritische Skripte verzögern — Analytics und Chat-Widgets später laden
Bundle-Analyse — große Abhängigkeiten identifizieren
Schritt 3: Server-side Rendering (SSR) oder statische Generierung (SSG)
Mit Next.js lassen sich Seiten vorab rendern:
SSG — Seiten werden als HTML gebaut (am schnellsten)
SSR — Seiten werden je Anfrage gerendert
ISR — statische Seiten, die sich periodisch erneuern
Schritt 4: Caching-Strategie
Browser-Caching — statische Assets (CSS, JS, Bilder) ein Jahr cachen
CDN — Inhalte vom nächstgelegenen Standort ausliefern
API-Caching — häufig abgefragte Daten zwischenspeichern
Schritt 5: Schriften optimieren
font-display: swap nutzen — Fallback-Schrift während des Ladens zeigen
Kritische Schriften preloaden
Anzahl der Schriftschnitte begrenzen (max. 2-3)
Variable Fonts in Betracht ziehen
Schritt 6: Render-blockierende Ressourcen entfernen
Critical CSS inline im Head
Async/defer für nicht-kritisches JavaScript
Preconnect zu externen Domains
Schritt 7: Laufend überwachen
Google PageSpeed Insights — pro Seite messen
Lighthouse — in den Chrome DevTools
Web Vitals — Real User Monitoring
Website schneller machen? Wir führen ein kostenloses Performance-Audit durch.