Schneller laden, besser ranken: Core Web Vitals optimieren

Ihre Website lädt. Aber fühlt sie sich träge an — wenn Sie klicken, lässt die Reaktion lange auf sich warten? Oder Sie haben in Google PageSpeed Insights rote Werte gesehen und wissen nicht genau, was das bedeutet. Dann ist dieser Artikel für Sie.

Core Web Vitals sind die Metriken, mit denen Google die Nutzererfahrung einer Website bewertet. Sie fließen direkt in die Bewertung Ihrer Website für die Platzierung in den Suchergebnissen ein. Core Web Vitals optimieren bedeutet also, einen messbaren Vorteil gegenüber dem Wettbewerb zu haben.

In diesem Artikel erfahren Sie, was hinter den Zahlen steckt, welche Maßnahmen wirklich helfen und was Sie selbst umsetzen können.

⚠️ Wichtig: Core Web Vitals optimieren geht weit über einfache Einstellungen hinaus und erfordert etwas technisches Verständnis. Ein falscher Eingriff kann die Ladezeit verschlechtern, Funktionen lahmlegen oder das Design zerstören. Der Artikel richtet sich daher an erfahrene Website-Betreiber.

Folgende Kenntnisse sollten Sie haben, bevor Sie die Core Web Vitals in Angriff nehmen:

• Analyseprogramme: Sie können Ergebnisse von Google PageSpeed Insights, GTmetrix oder WebPageTest korrekt lesen und interpretieren.
• Caching & Leistung: Sie verstehen den Unterschied zwischen Browser-, Server- und Plugin-Caching und wissen, wie man diese konfiguriert (z. B. mit WP Rocket, LiteSpeed Cache oder serverseitig).
• Code-Optimierung: Sie wissen, was Minifizierung (CSS/JS) und das Kombinieren von Dateien bewirken und kennen die Risiken (z. B. bei JavaScript-Abhängigkeiten).
• Bild-Optimierung: Sie kennen Methoden zur komprimierten Bildauslieferung (WebP/AVIF), Lazy Loading und die korrekte Dimensionierung von Bildern.
• Server-Kenntnisse: Sie haben Zugriff auf Server-Einstellungen (PHP-Version, HTTP/2 oder HTTP/3, CDN-Konfiguration) oder wissen, wie man diese beim Hoster anfordert.
• Tests: Sie wissen, wie man Änderungen in einer Staging-Umgebung testet, bevor sie live gehen, und wie man bei Fehlern schnell eine Wiederherstellung durchführt.

Falls Sie bei einem dieser Punkte unsicher sind: Optimieren Sie nicht eigenmächtig. Holen Sie sich einen Profi an die Seite.

1. Was Core Web Vitals sind und warum Google sie eingeführt hat

Google hat ein ureigenes Interesse daran, dass Nutzer gute Suchergebnisse finden — und dass diese Ergebnisse nicht nur inhaltlich relevant, sondern auch technisch einwandfrei sind. Eine Website, die inhaltlich perfekt passt, aber drei Sekunden zum Laden braucht und beim Scrollen ruckelt, ist aus Nutzersicht keine gute Empfehlung.

📝 Definition: Core Web Vitals sind drei spezifische Messwerte, die Google seit 2021 als offizielle Positionierungsfaktoren für die Suchmaschinenergebnisse wertet: Ladegeschwindigkeit, Interaktivität und visuelle Stabilität. Zusammen bilden sie einen zuverlässigen Indikator dafür, wie eine Website sich für echte Nutzer anfühlt — nicht nur in der Theorie, sondern in der Praxis.

Das Besondere an den Core Web Vitals: Google misst sie nicht nur in Laborumgebungen, sondern sammelt echte Nutzerdaten über den Chrome-Browser. Das bedeutet, die Werte spiegeln wider, wie Ihre tatsächlichen Besucher Ihre Website erleben — auf ihren echten Geräten, mit ihrer echten Internetverbindung.

💡 Tipp: Wenn Sie Ihre Core Web Vitals optimieren, tun Sie direkt etwas für Ihre Suchmaschinenoptimierung. Ihre aktuellen Core Web Vitals finden Sie kostenlos in zwei Tools: In Google PageSpeed Insights und in der Google Search Console unter dem Reiter „Core Web Vitals“. Schauen Sie dort jetzt nach — die Zahlen sagen mehr als jede Theorie.

2. Die drei Core Web Vitals im Detail

2.1 LCP: Largest Contentful Paint — Ladegeschwindigkeit

📝 Definition: LCP (Largest Contentful Paint) misst, wie lange es dauert, bis das größte sichtbare Element einer Seite geladen ist — in der Regel ein Bild, ein Video-Vorschaubild oder ein großer Textblock. LCP ist die Messzahl, die am direktesten mit der wahrgenommenen Ladegeschwindigkeit zusammenhängt.

Die Zielwerte sind klar definiert:

✓ Gut: unter 2,5 Sekunden
✓ Verbesserungsbedarf: 2,5 bis 4,0 Sekunden
✓ Schlecht: über 4,0 Sekunden

Der LCP-Wert leidet vor allem unter zu großen, nicht komprimierten Bildern, langsamer Server-Antwort und blockierendem JavaScript oder CSS — also Code, der das Laden der Seite verzögert, weil der Browser erst darauf warten muss, bevor er weitermacht.

🧩 Beispiel: Eine Fotografin hat einen LCP-Wert von 6,2 Sekunden. Die Ursache: Das Bild in der Kopfzeile ihrer Startseite ist eine unkomprimierte JPEG-Datei mit 4,8 MB. Nach der Komprimierung und Umwandlung in das moderne WebP-Format sinkt der LCP auf 1,8 Sekunden.

2.2 INP: Interaction to Next Paint — Interaktivität

📝 Definition: INP (Interaction to Next Paint) misst, wie schnell eine Website auf Nutzereingaben reagiert — also wie lange es dauert, bis nach einem Klick oder einer Eingabe eine sichtbare Reaktion erscheint. INP ersetzt seit März 2024 den älteren FID-Wert (First Input Delay) und ist der anspruchsvollste der drei Core Web Vitals.

Die Zielwerte:

✓ Gut: unter 200 Millisekunden
✓ Verbesserungsbedarf: 200 bis 500 Millisekunden
✓ Schlecht: über 500 Millisekunden

Ein schlechter INP-Wert entsteht meist durch zu viel JavaScript, das den sogenannten Haupt-Thread des Browsers blockiert — also den Prozess, der für die Darstellung und Interaktivität zuständig ist. Zu viele Plugins, aufgeblähte Editoren oder schlecht optimierte Design-Vorlagen sind häufige Ursachen bei WordPress-Websites.

🔭 Exkurs: INP ist der Core Web Vital, bei dem WordPress-Websites am häufigsten Probleme haben — weil WordPress-Seiten oft mit vielen Plugins und komplexen Editoren betrieben werden, die viel JavaScript laden. Weniger Plugins bedeutet fast immer bessere INP-Werte.

2.3 CLS: Cumulative Layout Shift — Visuelle Stabilität

📝 Definition: CLS (Cumulative Layout Shift) misst, wie stark sich Seitenelemente während des Ladens verschieben. Kennen Sie das: Sie lesen einen Text, plötzlich lädt ein Bild nach, alles rutscht nach unten, und Sie haben den falschen Button geklickt? Genau das misst CLS.

Die Zielwerte:

✓ Gut: unter 0,1
✓ Verbesserungsbedarf: 0,1 bis 0,25
✓ Schlecht: über 0,25

CLS entsteht vor allem durch Bilder ohne definierte Abmessungen, nachgeladene Werbeanzeigen, Schriften, die erst spät laden und Elemente, die dynamisch in die Seite eingefügt werden. Im Vergleich zu LCP und INP ist CLS bei gut gepflegten WordPress-Websites oft das geringste Problem — aber wenn er auftritt, stört er die Nutzererfahrung massiv.

3. Core Web Vitals optimieren: Die wirksamsten Maßnahmen

3.1 Bilder richtig behandeln

Bilder sind der häufigste Grund für schlechte LCP-Werte — und gleichzeitig der Bereich, in dem Sie am schnellsten Verbesserungen erzielen können. Die wichtigsten Maßnahmen:

✓ Bildgröße reduzieren:
Laden Sie keine Bilder hoch, die größer sind als nötig. Ein Bild, das auf der Website maximal 1200 Pixel breit dargestellt wird, muss nicht 4000 Pixel breit sein.

✓ Modernes Format verwenden: WebP-Bilder sind bei gleicher Qualität deutlich kleiner als JPEG oder PNG. WordPress konvertiert seit Version 6.1 Bilder automatisch in WebP — sofern Ihr Hosting das unterstützt.

✓ Komprimieren:
Tools wie Squoosh komprimieren Bilder verlustfrei oder mit minimalem Qualitätsverlust. Die kostenlosen Plugins ShortPixel oder Imagify erledigen das automatisch für alle Bilder in WordPress.

✓ Lazy Loading:
Bilder, die nicht sofort im sichtbaren Bereich sind, sollten erst geladen werden, wenn der Nutzer dorthin scrollt. WordPress hat Lazy Loading seit Version 5.5 standardmäßig aktiviert.

✓ LCP-Bild vorausladen:
Das größte sichtbare Element der Seite — meistens ein Bild — sollte mit einem sogenannten Preload-Hinweis versehen werden, damit der Browser es priorisiert lädt.

3.2 Hosting und Server-Antwortzeit verbessern

Kein Optimierungstrick der Welt kompensiert einen langsamen Server.

📝 Definition: Die TTFB (Time to First Byte) ist die Zeit, die der Server braucht, um auf eine Anfrage zu antworten. Das ist die Basis, auf der alle anderen Ladezeiten aufbauen. Liegt die TTFB über 600 Millisekunden, ist das ein deutliches Zeichen für ein Hosting-Problem.

Gutes WordPress-Hosting mit optimierter Server-Infrastruktur, PHP 8.4 oder höher und serverseitigem Caching macht hier den größten Unterschied. Das ist einer der Hauptgründe, warum ein Wechsel zu einem besseren Hosting-Anbieter die Core Web Vitals oft dramatisch verbessert — ohne jede weitere Optimierung.

⚠️ Wichtig: Core Web Vitals optimieren kann also auch bedeuten, dass Sie einen Serverwechsel vornehmen müssen. Shared Hosting — also Hosting, bei dem sich viele Websites einen Server teilen — ist für professionelle WordPress-Websites in den meisten Fällen nicht mehr zeitgemäß. Managed WordPress Hosting mit dedizierten Ressourcen ist der Standard für Websites, die Leistung abliefern sollen.

3.3 Caching richtig einrichten

📝 Definition: Caching bedeutet, dass fertig aufgebaute Seiten zwischengespeichert werden, sodass der Server bei der nächsten Anfrage nicht alles neu berechnen muss. Richtig konfiguriertes Caching ist eine der wirksamsten Maßnahmen, wenn Sie schnell und unkompliziert Ihre Core Web Vitals optimieren möchten — es kostet nichts außer etwas Einrichtungszeit.

Für WordPress gibt es mehrere bewährte Caching-Plugins: WP Rocket ist das umfangreichste und komfortabelste, aber kostenpflichtig. W3 Total Cache und LiteSpeed Cache sind kostenlose Alternativen mit großem Funktionsumfang. Wichtig ist, dass das Caching korrekt konfiguriert ist — ein falsch eingerichtetes Caching-Plugin kann mehr Schaden anrichten als gar keines zu haben.

3.4 JavaScript und CSS optimieren

Das ist der technisch anspruchsvollste Bereich, wenn Sie Core Web Vitals optimieren — und gleichzeitig der, der den INP-Wert am stärksten beeinflusst. Die Grundprinzipien sind:

✓ Unnötiges JavaScript entfernen:
Jedes Plugin, das JavaScript lädt, kostet Ladezeit und Interaktivität. Gehen Sie Ihre Plugins regelmäßig durch — brauchen Sie wirklich alle?

✓ JavaScript verzögert das Laden:
Code, der nicht sofort beim Laden der Seite benötigt wird, sollte erst später geladen werden. Das nennt sich Defer oder Async Loading und ist in guten Caching-Plugins konfigurierbar.

✓ CSS minimieren:
Unnötige Leerzeichen und Kommentare im CSS-Code werden durch Minifizierung entfernt — das reduziert die Dateigröße ohne jede Auswirkung auf das Design.

✓ Render-blocking Ressourcen eliminieren: Ressourcen, die das vollständige Anzeigen der Seite blockieren, sollten identifiziert und entweder verzögert oder inline eingebunden werden. PageSpeed Insights zeigt Ihnen genau, welche Ressourcen das betrifft.

3.5 Schriften optimieren

Google Fonts und andere externe Schriftquellen sind ein häufig übersehenes Hindernis. Jede extern geladene Schriftart bedeutet eine zusätzliche Anfrage an einen externen Server — und das kostet Zeit. Außerdem ist das Laden externer Google Fonts in Deutschland datenschutzrechtlich problematisch.

Die Lösung: Laden Sie Schriftarten lokal auf Ihren eigenen Server herunter und binden Sie sie von dort ein. Das verbessert die Ladezeit und löst das DSGVO-Problem. Mit der kostenlosen Anwendung Google Webfonts Helper können Sie Google Fonts einfach herunterladen und für die lokale Einbindung vorbereiten. Datenschutzvorgaben einhalten geht also Hand in Hand mit Core Web Vitals optimieren.

Definieren Sie außerdem immer eine Fallback-Schriftart — also eine Systemschriftart, die angezeigt wird, während die eigentliche Schriftart noch lädt. Das reduziert den CLS-Wert, weil der Text sofort erscheint und nicht erst nachträglich in die richtige Schriftart wechselt.

4. Core Web Vitals optimieren: Daten messen und verstehen

4.1 Die richtigen Tools

Wenn Sie sinnvoll Ihre Core Web Vitals optimieren möchten, müssen Sie die betreffenden Daten im Auge behalten. Für die Messung und Analyse Ihrer Core Web Vitals stehen mehrere Werkzeuge zur Verfügung, die unterschiedliche Perspektiven liefern.

Google PageSpeed Insights ist der direkteste Einstieg. Die Anwendung zeigt Ihnen sowohl Labordaten als auch echte Nutzerdaten (sofern ausreichend vorhanden) und gibt konkrete Verbesserungshinweise mit Prioritäten.

Die Google Search Console zeigt Ihnen unter dem Reiter „Core Web Vitals“ eine zusammenfassende Auswertung über alle Seiten Ihrer Website — aufgeteilt in Desktop und Mobilansichten. Hier sehen Sie auf einen Blick, welche Seiten Probleme haben und wie viele Seiten in welcher Kategorie liegen. Diese Angaben helfen enorm, wenn Sie Ihre Core Web Vitals optimieren wollen.

GTmetrix bietet detaillierte Wasserfalldiagramme, die zeigen, in welcher Reihenfolge welche Ressourcen geladen werden. Das ist besonders nützlich für die Fehleranalyse.

4.2 Labordaten vs. Felddaten verstehen

Ein Punkt, der häufig für Verwirrung sorgt: Warum zeigt PageSpeed Insights manchmal andere Werte als die Search Console? Der Unterschied liegt in der Datenquelle.

📝 Definition: Labordaten werden in einer kontrollierten Umgebung gemessen — simuliertes Gerät, simulierte Internetverbindung. Sie sind reproduzierbar und gut für Entwicklungszwecke. Felddaten stammen von echten Nutzern mit echten Geräten und echten Internetverbindungen. Sie spiegeln die tatsächliche Erfahrung Ihrer Besucher wider.

Google verwendet für die Bewertung von Websites Felddaten — nicht die Labordaten. Das bedeutet: Selbst wenn Ihre Labordaten perfekt sind, können schlechte Felddaten Ihre Platzierung in den Suchergebnissen beeinträchtigen. Umgekehrt: Wenn Ihre Felddaten gut sind, dürfen Sie mit einer guten Platzierung rechnen.

⚠️ Wichtig: Bei kleinen Websites mit wenig Besucherverkehr kann es sein, dass PageSpeed Insights keine Felddaten anzeigt — weil nicht genug Chrome-Nutzer Ihre Website besucht haben, um statistisch aussagekräftige Daten zu sammeln. In diesem Fall sind die Labordaten Ihre beste Orientierung.

5. Core Web Vitals optimieren: Realistische Erwartungen und Prioritäten

Core Web Vitals optimieren ist kein einmaliges Projekt. Es ist ein fortlaufender Prozess, der regelmäßige Aufmerksamkeit erfordert — denn neue Plugins, neue Inhalte und neue Themes können Werte, die einmal gut waren, wieder verschlechtern.

Setzen Sie Prioritäten nach Wirkung und Aufwand. Die größten Gewinne erzielen Sie in der Regel durch drei Maßnahmen, die verhältnismäßig wenig Aufwand erfordern:

• Bilder komprimieren und in WebP konvertieren
• Ein gutes Caching-Plugin einrichten
• Schriftarten lokal einbinden

Diese drei Schritte allein verbessern die Core Web Vitals der meisten WordPress-Websites signifikant.

Was danach kommt — JavaScript-Optimierung, Render-blocking-Ressourcen, INP-Debugging — ist technisch anspruchsvoller und erfordert in vielen Fällen professionelle Unterstützung. Es gibt Bereiche, in denen die Investition in einen Profi schneller zum Ziel führt als stundenlange Eigenversuche.

📌 Merke: Core Web Vitals optimieren ist kein technisches Hobby für Entwickler. Sie sind ein direkter Hebel für bessere Platzierungen, weniger Absprünge und mehr Anfragen. Wenn Sie sie ignorieren, schöpfen Sie das Potenzial Ihrer Website nicht aus.