Core Web Vitals 2025 – So verbesserst du Ladezeit und Google Ranking

Deine Website lädt in 4 Sekunden? Dann verlierst du gerade Kunden.

Studien von Google zeigen: 53 % aller mobilen Nutzer verlassen eine Seite, wenn sie länger als 3 Sekunden lädt. Das ist kein Luxusproblem – das ist Umsatz, der an die schnellere Konkurrenz fließt. Und seit 2021 gibt Google langsamen Seiten auch offiziell schlechtere Rankings.

Was Core Web Vitals sind – einfach erklärt

Google misst drei konkrete Nutzererfahrungs-Metriken, die zusammen die „Core Web Vitals" bilden:

LCP – Largest Contentful Paint

Wie lange dauert es, bis das größte sichtbare Element auf der Seite geladen ist – meist das Hero-Bild oder die Hauptüberschrift? Das ist das erste, was ein Nutzer wirklich wahrnimmt.

• ✅ Gut: unter 2,5 Sekunden
• ⚠️ Verbesserungswürdig: 2,5–4 Sekunden
• ❌ Schlecht: über 4 Sekunden

INP – Interaction to Next Paint

Wie schnell reagiert die Seite auf Nutzereingaben – Klicks, Tipp-Aktionen, Formulareingaben? Verzögerungen hier fühlen sich für Nutzer wie eine „kaputte" Seite an.

• ✅ Gut: unter 200 ms
• ⚠️ Verbesserungswürdig: 200–500 ms
• ❌ Schlecht: über 500 ms

CLS – Cumulative Layout Shift

Verschieben sich Elemente auf der Seite beim Laden? Wenn ein Button, den du gerade anklicken wolltest, plötzlich nach unten springt, weil ein Bild nachgeladen wurde – das ist CLS.

• ✅ Gut: unter 0,1
• ⚠️ Verbesserungswürdig: 0,1–0,25
• ❌ Schlecht: über 0,25

Die häufigsten Ursachen schlechter Core Web Vitals

Ursache 1: Unkomprimierte Bilder (LCP-Killer Nr. 1)

Das Hero-Bild einer typischen WordPress-Seite ist oft 1–3 MB groß und im PNG- oder JPEG-Format. Dasselbe Bild im WebP-Format ist 60–70 % kleiner bei gleicher Qualität.

Lösung: Bilder in WebP oder AVIF konvertieren, auf maximal 200–400 kB komprimieren, korrekte Dimensionen setzen. Next.js macht das automatisch über die Image-Komponente.

Ursache 2: Render-blockierendes JavaScript

Jedes Script, das vor dem Laden der sichtbaren Inhalte ausgeführt wird, blockiert das Rendering. Besonders problematisch: schlecht eingebundene Analytics, Chat-Widgets und Marketing-Tools.

Lösung: Scripts asynchron laden (async / defer), nicht kritische Tools nach dem Laden initialisieren.

Ursache 3: Kein Server-Caching / langsames Hosting

Günstiges Shared-Hosting mit langen Server-Antwortzeiten (TTFB über 600 ms) macht jede andere Optimierung zunichte. Das Fundament muss stimmen.

Ursache 4: Fehlende Bildabmessungen (CLS-Killer)

Bilder ohne definierte Breite und Höhe lassen die Seite springen, wenn sie nachgeladen werden. Immer width und height oder ein explizites Seitenverhältnis angeben.

Warum Next.js-Websites fast automatisch gute Core Web Vitals haben

Next.js löst die meisten Core-Web-Vitals-Probleme architektonisch: automatische Bildoptimierung (WebP, korrekte Größen, Lazy Loading), Static Site Generation (Seiten werden vorgerendert), Code-Splitting und optimiertes Font-Loading sind standardmäßig eingebaut.

Das Ergebnis: Next.js-Projekte erreichen in der Praxis regelmäßig PageSpeed-Scores von 90–100 – ohne zusätzliche Optimierungsarbeit nach dem Launch.

Schlechte Core Web Vitals kosten dich täglich Kunden

Jede verlorene Ranking-Position bedeutet weniger Sichtbarkeit, weniger Klicks, weniger Anfragen. Und jede Sekunde Ladezeit über 3 Sekunden kostet dich Conversions.

Wenn du wissen möchtest, wie deine Website konkret abschneidet und was die drei wichtigsten Maßnahmen für dein Ranking wären, sprich mich gerne an.