PageSpeed beschreibt die Geschwindigkeit, mit der eine Webseite im Browser geladen und dargestellt wird. Als messbarer Wert umfasst PageSpeed mehrere Phasen: die Server-Antwortzeit, den Download von HTML, CSS und JavaScript sowie das Rendering im Browser. Google nutzt Core Web Vitals als standardisierte Metriken, um PageSpeed objektiv zu bewerten. Seit dem Page Experience Update ist die Ladegeschwindigkeit ein direkter Rankingfaktor. Websites, die innerhalb von 2,5 Sekunden das groesste sichtbare Element laden (LCP), erhalten bessere Bewertungen. Tools wie PageSpeed Insights messen die Performance und liefern konkrete Handlungsempfehlungen. Fuer Unternehmen bedeutet das: Jede Sekunde Ladezeit kostet Besucher, Conversions und letztlich Umsatz.
Warum PageSpeed mehr ist als eine technische Metrik
Die Ladegeschwindigkeit einer Website beeinflusst drei zentrale Bereiche: Nutzererfahrung, Suchmaschinenranking und Geschaeftserfolg. Eine langsame Website fuehrt zu hoeheren Absprungraten, weniger Seitenaufrufen und schlechteren Conversion-Raten.
Auswirkungen auf Nutzerverhalten
| Ladezeit | Effekt |
|---|---|
| Unter 2 Sekunden | Optimale Nutzererfahrung, niedrige Absprungrate |
| 2 bis 4 Sekunden | Steigende Absprungrate, sinkende Verweildauer |
| Ueber 4 Sekunden | 53 % der mobilen Nutzer verlassen die Seite |
Faktoren die PageSpeed beeinflussen
Server-Faktoren:
- Hosting-Qualitaet und Serverstandort
- Time to First Byte (TTFB) — sollte unter 200 ms liegen
- CDN-Einsatz fuer globale Auslieferung
- HTTP/2 oder HTTP/3 Protokoll
Frontend-Faktoren:
- Bildgroessen und Formate (WebP statt JPEG/PNG)
- CSS- und JavaScript-Bundles (Minifizierung, Tree Shaking)
- Web Fonts (Anzahl, Ladevorgang,
font-display-Strategie) - Render-blocking Resources (kritisches vs. nicht-kritisches CSS/JS)
Content-Faktoren:
- Anzahl der HTTP-Requests pro Seitenaufruf
- Third-Party-Skripte (Analytics, Chat-Widgets, Social Embeds)
- Lazy Loading fuer Bilder und Videos
PageSpeed optimieren — die wichtigsten Massnahmen
1. Bilder optimieren
Bilder machen durchschnittlich 50 % der Seitengroesse aus. Komprimierung und moderne Formate sind der groesste Hebel.
- WebP-Format nutzen (30–50 % kleiner als JPEG bei gleicher Qualitaet)
- Responsive Bilder mit
srcsetundsizes-Attributen - Explizite
widthundheightfuer CLS-Vermeidung - Hero-Bild mit
priorityundfetchpriority="high"laden
2. JavaScript und CSS optimieren
- Nicht-kritisches JavaScript mit
deferoderasyncladen - Kritisches CSS inline im
<head>platzieren - Code Splitting: Nur laden was auf der aktuellen Seite benoetigt wird
- Tree Shaking: Ungenutzten Code entfernen
3. Caching und CDN
- Browser-Caching mit langen
Cache-Control-Headern fuer statische Assets - CDN fuer globale Auslieferung nahe am Nutzerstandort
- Service Worker fuer Offline-Faehigkeit und Caching-Strategien
4. Server-Performance
- TTFB unter 200 ms halten
- Gzip oder Brotli-Komprimierung aktivieren
- HTTP/2 oder HTTP/3 nutzen (Multiplexing statt sequentielles Laden)
- Datenbank-Queries optimieren und cachen
PageSpeed messen
| Tool | Typ | Was es misst |
|---|---|---|
| PageSpeed Insights | Lab + Feld | Core Web Vitals, Performance-Score, Optimierungstipps |
| Lighthouse | Lab | Performance, Accessibility, SEO, Best Practices |
| Google Search Console | Feld | Core Web Vitals fuer die gesamte Domain |
| WebPageTest | Lab | Detaillierte Wasserfall-Analyse |
| Chrome DevTools | Lab | Echtzeit-Performance-Analyse waehrend der Entwicklung |
Wichtig: Felddaten (echte Nutzerdaten aus Chrome) sind fuer Google-Rankings entscheidend, nicht nur Laborwerte.