Web Performance Optimierung: Core Web Vitals verbessern für besseres Google-Ranking

← Zurück zum Blog

Seit 2021 fließen Core Web Vitals direkt in das Google-Ranking ein. Eine langsame Website rankt schlechter – egal wie gut der Content ist. Hier ist wie du das konkret verbesserst.

Die drei Core Web Vitals

LCP – Largest Contentful Paint (Ziel: ≤ 2,5 Sekunden)

Misst wie lange es dauert bis das größte sichtbare Element (Bild, Überschrift) geladen ist. Das ist das was der Nutzer als „Seite ist fertig" wahrnimmt.

Häufige Ursachen für schlechten LCP:

• Große, unkomprimierte Bilder (JPEG statt WebP)
• Kein CDN – Server weit vom Nutzer entfernt
• Render-blockierendes JavaScript/CSS
• Fehlende Preload-Hints für kritische Ressourcen

INP – Interaction to Next Paint (Ziel: ≤ 200ms)

Neu seit 2024 (ersetzt FID). Misst die Reaktionszeit der Seite auf Nutzer-Interaktionen – Klicks, Tastatureingaben. Eine träge UI nervt Nutzer und schadet Conversions.

Ursachen für schlechten INP: Langes Main-Thread-Blocking durch JavaScript, große Event-Handler, fehlende Debouncing.

CLS – Cumulative Layout Shift (Ziel: ≤ 0,1)

Misst wie viel sich der Seiteninhalt während des Ladens verschiebt. Das kennt jeder: Man will auf einen Button klicken – und plötzlich verschiebt sich alles weil ein Bild nachlädt.

Fix: Immer width/height für Bilder und Videos angeben. Werbebanner mit festen Containern versehen. Fonts mit font-display: optional laden.

Konkrete Optimierungsmaßnahmen

Bilder optimieren (größter Hebel)

• Format: WebP oder AVIF statt JPEG/PNG – 30–50% kleiner
• Responsive Images: srcset für verschiedene Bildschirmgrößen
• Lazy Loading: loading="lazy" für Bilder unterhalb des Folds
• Preload: <link rel="preload"> für das LCP-Bild

JavaScript reduzieren

• Code-Splitting: nur das laden was die aktuelle Seite braucht
• Tree-Shaking: unused code aus dem Bundle entfernen
• Defer/Async: nicht-kritisches JS nicht render-blockierend laden

Server & CDN

• CDN nutzen: statische Assets vom Edge ausliefern (CloudFront, Cloudflare)
• HTTP/2 oder HTTP/3 aktivieren
• Gzip/Brotli-Komprimierung einschalten
• TTFB verbessern: Server-Side Caching (Redis), schnellere Datenbankabfragen

Messen: Die richtigen Tools

• Google PageSpeed Insights – kostenlos, direkte CWV-Messung
• Chrome DevTools → Lighthouse – lokal testen
• Google Search Console – CWV deiner echten Nutzer (Felddata)
• WebPageTest – detaillierte Wasserfall-Analyse

Fazit

Core Web Vitals sind messbar und verbesserbar. Unsere Erfahrung: Die meisten Websites können mit 4–8 Stunden gezielter Optimierung von "Rot" auf "Grün" gebracht werden. Das verbessert direkt Ranking, Bounce-Rate und Conversions. Wir bieten Performance-Audits und Optimierung an.