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

Website beschleunigen: Core Web Vitals verbessern, PageSpeed optimieren, Bilder komprimieren, Caching, CDN & WordPress-Tipps – kompletter Performance-Guide.

**Kurzantwort:** Eine schnelle Website rankt besser bei Google und konvertiert mehr. Die größten Hebel: Bilder optimieren (WebP), Caching aktivieren, unnötiges JavaScript entfernen, CDN nutzen (Cloudflare/SpeedKit) und Core Web Vitals (LCP, INP, CLS) unter 2,5s bzw. 0,1 halten.

## 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

LCP unter 2,5s, INP unter 200ms, CLS unter 0,1 anstreben. PageSpeed zeigt konkrete Hebel.

MetrikWas misst sie?GutVerbesserung

**LCP** (Largest Contentful Paint)Ladezeit des größten Elements< 2,5sBilder optimieren, CDN, Server-TTFB

**INP** (Interaction to Next Paint)Reaktionszeit auf Klicks< 200msJS reduzieren, Third-Party Scripts

**CLS** (Cumulative Layout Shift)Visuelles Springen< 0,1Bild-Dimensionen setzen, Fonts preloaden

Messen mit: [PageSpeed Insights](https://pagespeed.web.dev), Google Search Console → Core Web Vitals

## Schritt 1: Performance analysieren

- **PageSpeed Insights:** URL eingeben → Mobile + Desktop Score
- **GTmetrix / WebPageTest:** Waterfall-Analyse, TTFB prüfen
- **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](/de/webspace/speedkit)
- **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](/de/domain/cloudflare-dns)
- **SpeedKit (Plesk):** → [SpeedKit einrichten](/de/webspace/speedkit)

## 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](/de/webspace/apache-vs-nginx)

## 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

- ✅ Caching-Plugin installieren (LiteSpeed Cache / WP Rocket)
- ✅ Bilder auf WebP konvertieren
- ✅ Ungenutzte Plugins/Themes löschen
- ✅ PHP 8.2+ nutzen
- ✅ CDN aktivieren (Cloudflare oder SpeedKit)
- ✅ Lazy Loading für Bilder
- ✅ Datenbank optimieren
- ✅ SSL/HTTPS → [SSL aktivieren](/de/webspace/activate-ssl-immediately-https-is-mandatory-today)

## 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)](/de/webspace/speedkit)
- [Cloudflare CDN & DNS](/de/domain/cloudflare-dns)
- [Webspace einrichten](/de/webspace/set-up)
- [Apache vs. nginx](/de/webspace/apache-vs-nginx)
- [SSL einrichten](/de/domain/ssl-einrichten)