Website schneller machen – Core Web Vitals, PageSpeed & Performance Guide

Warum Performance SEO und Umsatz beeinflusst

• Google Ranking: Core Web Vitals sind seit 2021 ein Ranking-Faktor
• Conversion: Jede Sekunde Ladezeit kostet ~7% Conversion (Amazon-Studie)
• Bounce Rate: 53% der Mobile-Nutzer verlassen Seiten nach 3 Sekunden
• AI/GEO: Schnelle, strukturierte Seiten werden häufiger von ChatGPT & Co. zitiert

Core Web Vitals verstehen

Messen mit: PageSpeed Insights, Google Search Console → Core Web Vitals

Schritt 1: Performance analysieren

1. PageSpeed Insights: URL eingeben → Mobile + Desktop Score
2. GTmetrix / WebPageTest: Waterfall-Analyse, TTFB prüfen
3. Chrome DevTools: Network Tab → langsame Requests identifizieren

Schritt 2: Bilder optimieren (größter Hebel)

• WebP/AVIF statt JPEG/PNG (30–50% kleiner)
• Lazy Loading: loading="lazy" auf Bilder unterhalb des Folds
• Responsive Images: srcset für verschiedene Bildschirmgrößen
• Dimensionen setzen: width/height verhindert CLS

WordPress: ShortPixel, Imagify, Smush oder WebP Express Plugin

Schritt 3: Caching aktivieren

WordPress

• WP Rocket (Premium) oder LiteSpeed Cache (kostenlos)
• Page Cache + Browser Cache + GZIP/Brotli aktivieren
• CSS/JS minifizieren und defer/async laden

Plesk / NexoraHost Webspace

• nginx Caching: Plesk → Apache & nginx Settings → nginx Caching aktivieren
• SpeedKit: → SpeedKit Guide
• OPcache: PHP-Bytecode cachen (meist voraktiviert)

Schritt 4: CDN einrichten

Ein CDN liefert statische Assets (Bilder, CSS, JS) vom nächstgelegenen Edge-Server:

• Cloudflare (kostenlos): → Cloudflare DNS Guide
• SpeedKit (Plesk): → SpeedKit einrichten

Schritt 5: JavaScript & CSS optimieren

• Unbenutztes JS/CSS entfernen (Coverage Tab in DevTools)
• Third-Party Scripts verzögern (Google Analytics, Chat-Widgets)
• Critical CSS inline, Rest async laden
• jQuery nur wenn nötig – moderne Sites brauchen es oft nicht

Schritt 6: Server & Hosting optimieren

• HTTP/2 oder HTTP/3: In Plesk/nginx aktivieren
• Brotli/GZIP: Kompression für Text-Assets
• TTFB < 200ms: Server-Response optimieren, DB-Queries reduzieren
• PHP 8.2+: Deutlich schneller als PHP 7.x

Apache vs. nginx: Vergleich

Schritt 7: Datenbank optimieren (WordPress)

# wp-cli (optional)
wp db optimize
wp transient delete --all
wp plugin list --status=inactive  # ungenutzte Plugins deaktivieren

Autoloaded Options in wp_options prüfen – oft versteckte Performance-Killer.

WordPress Quick-Wins Checkliste

1. ✅ Caching-Plugin installieren (LiteSpeed Cache / WP Rocket)
2. ✅ Bilder auf WebP konvertieren
3. ✅ Ungenutzte Plugins/Themes löschen
4. ✅ PHP 8.2+ nutzen
5. ✅ CDN aktivieren (Cloudflare oder SpeedKit)
6. ✅ Lazy Loading für Bilder
7. ✅ Datenbank optimieren
8. ✅ SSL/HTTPS → SSL aktivieren

Typische Fehler

PageSpeed Score unter 50

Meist: zu große Bilder, kein Caching, zu viele Plugins. Bilder zuerst optimieren, dann Caching.

LCP über 4 Sekunden

Hero-Bild komprimieren, CDN nutzen, Server-TTFB prüfen.

CLS hoch (Layout springt)

width/height auf alle Bilder, Web-Fonts mit font-display: swap preloaden.

Weiterführende Guides

• SpeedKit einrichten (Plesk)
• Cloudflare CDN & DNS
• Webspace einrichten
• Apache vs. nginx
• SSL einrichten