Website-Ladezeit optimieren: Der Core-Web-Vitals-Leitfaden 2026
Die Core Web Vitals sind drei von Google definierte Messwerte für Nutzererlebnis: LCP (Ladezeit des Hauptinhalts, Ziel unter 2,5 s), CLS (visuelle Stabilität, Ziel unter 0,1) und INP (Reaktionszeit auf Eingaben, Ziel unter 200 ms). Sie sind offizieller Ranking-Faktor - und jede Sekunde Ladezeit kostet messbar Conversions. Dieser Leitfaden zeigt die wirksamsten Optimierungen in der Reihenfolge ihres Hebels.
Die drei Messwerte im Klartext
| Messwert | Bedeutung | Zielwert |
|---|---|---|
| LCP (Largest Contentful Paint) | Wann ist das größte Element sichtbar? | < 2,5 s (gut: < 2,0 s) |
| CLS (Cumulative Layout Shift) | Springt das Layout beim Laden? | < 0,1 |
| INP (Interaction to Next Paint) | Wie schnell reagiert die Seite auf Klicks? | < 200 ms |
LCP verbessern: die größten Hebel zuerst
- Server-Antwortzeit (TTFB) senken: Gutes Hosting, Caching und CDN-Auslieferung. Ein TTFB über 600 ms macht jede weitere Optimierung zunichte. Messen Sie ihn mit unserem kostenlosen Ladezeit-Check.
- Bilder modern ausliefern: WebP/AVIF statt JPEG/PNG, korrekte Größen pro Viewport, Lazy-Loading für alles unterhalb des sichtbaren Bereichs - das Hero-Bild dagegen mit hoher Priorität vorladen.
- Render-blockierendes CSS/JS eliminieren: Kritisches CSS inline, Rest asynchron; JavaScript per Code-Splitting nur laden, wo es gebraucht wird.
- Schriften optimieren: Fonts selbst hosten, per Preload laden und mit font-display: swap Layout-Blockaden vermeiden.
CLS: Layout-Springen eliminieren
Layout-Shifts entstehen fast immer durch Elemente ohne reservierten Platz: Bilder ohne width/height-Attribute, nachladende Werbebanner, Cookie-Banner, die Inhalte verschieben, und Webfonts, die Text umbrechen. Die Lösung ist konsequente Platzreservierung: explizite Dimensionen für alle Medien und Overlay- statt Inline-Banner.
INP: Wenn die Seite träge reagiert
Hohe INP-Werte entstehen durch zu viel JavaScript im Hauptthread - meist Third-Party-Skripte (Tracking, Chat-Widgets, Tag Manager mit Dutzenden Tags). Jedes Skript gehört auf den Prüfstand: Was keinen nachweisbaren Nutzen bringt, fliegt raus. Was bleibt, wird verzögert oder in Web Worker ausgelagert.
Warum moderne Frameworks hier gewinnen
Frameworks wie Next.js liefern viele dieser Optimierungen als Standard: automatische Bildoptimierung, Code-Splitting, Font-Optimierung und Server-Side Rendering. Eine von Astra IT Solutions entwickelte Website hat Core-Web-Vitals-Zielwerte als verbindliche Abnahmekriterien - LCP unter 2,0 s ist Vertragsbestandteil, nicht Hoffnung.
Häufige Fragen zum Thema
Wie messe ich die Core Web Vitals meiner Website?
Mit Google PageSpeed Insights für Labor- und Felddaten, der Google Search Console für den Verlauf und unserem Ladezeit-Check für die Server-Antwortzeit. Wichtig: Felddaten (echte Nutzer) zählen für das Ranking, nicht Labordaten.
Wie stark beeinflusst die Ladezeit das Google-Ranking?
Core Web Vitals sind bestätigter Ranking-Faktor, wirken aber vor allem indirekt: Langsame Seiten haben höhere Absprungraten und schlechtere Nutzersignale. Bei umkämpften Suchbegriffen entscheiden sie das Duell zwischen inhaltlich gleichwertigen Seiten.
Was kostet eine Performance-Optimierung?
Ein Performance-Audit mit priorisierter Maßnahmenliste kostet ab 900 €. Die Umsetzung hängt vom Zustand der Website ab - bei technisch veralteten Seiten ist ein Relaunch oft wirtschaftlicher als Flickwerk.