Core Web Vitals verbessern: schnellere Seite, bessere Rankings

Core Web Vitals sind Googles Versuch, „eine gute Seite” in Zahlen zu fassen. Statt subjektiv zu bewerten, ob sich eine Website schnell anfühlt, misst Google drei konkrete Dinge: Wann sieht der Nutzer den Hauptinhalt, wie schnell reagiert die Seite auf eine Eingabe, und springt das Layout während des Ladens. Diese drei Werte fließen als Teil der Seitenerfahrung in das Ranking ein und sind gleichzeitig ein ehrlicher Indikator dafür, ob deine Seite Besucher hält oder vergrault. Eine Seite, die drei Sekunden braucht, bis man etwas sieht, verliert Nutzer, bevor sie deinen Text überhaupt lesen.

Die drei Werte: LCP, INP und CLS

Jeder der drei Core Web Vitals misst einen anderen Moment im Ladeprozess. Du brauchst nicht alle gleichzeitig zu optimieren, sondern dort anzusetzen, wo dein schlechtester Wert liegt.

• LCP (Largest Contentful Paint): Wie lange dauert es, bis das größte sichtbare Element geladen ist? Meist ist das ein Headerbild, ein großes Banner oder ein Textblock. Details dazu im Glossar-Eintrag zu LCP.
• INP (Interaction to Next Paint): Wie schnell reagiert die Seite, wenn jemand klickt, tippt oder auf einen Button drückt? INP misst die Verzögerung zwischen Eingabe und sichtbarer Reaktion. Es hat 2024 den älteren Wert FID abgelöst.
• CLS (Cumulative Layout Shift): Wie stark verschiebt sich das Layout während des Ladens? Wenn ein Button nach unten springt, weil ein Bild nachlädt, und du daneben klickst, ist das ein schlechter CLS-Wert.

Zielwerte auf einen Blick

Google teilt jeden Wert in drei Stufen ein: gut, verbesserungswürdig und schlecht. Anzustreben ist die Stufe „gut” bei allen drei Werten, und zwar für 75 Prozent der Seitenaufrufe.

Liegst du in einem Wert über der oberen Schwelle, ist das deine Priorität. Es bringt nichts, einen schon guten LCP von 2,1 auf 1,8 Sekunden zu drücken, während dein CLS bei 0,3 liegt.

Warum die Werte zählen

Core Web Vitals haben zwei Effekte. Erstens sind sie ein bestätigter Rankingfaktor: Bei vergleichbarer Relevanz bevorzugt Google die Seite mit der besseren Erfahrung. Der Effekt ist moderat, aber real, vor allem in umkämpften Themen, wo viele Seiten inhaltlich auf Augenhöhe sind. Zweitens, und oft wichtiger, beeinflussen sie direkt das Verhalten der Besucher. Wer auf einer langsamen Seite landet, springt eher ab, bevor er konvertiert. Ein schlechter LCP kostet dich also nicht nur Ranking, sondern auch Anfragen. Halte trotzdem die Reihenfolge im Kopf: Tempo ersetzt keinen guten Inhalt. Eine technisch perfekte Seite ohne relevanten Inhalt rankt nicht.

Häufige Ursachen für schlechte Werte

Bevor du Maßnahmen umsetzt, lohnt der Blick auf die typischen Verursacher. In den meisten Fällen sind es dieselben vier:

• Große, unoptimierte Bilder: Ein 2-MB-Headerbild ist der häufigste LCP-Killer. Bilder im falschen Format oder ohne Komprimierung bremsen die gesamte Seite.
• Langsames Hosting: Wenn der Server lange braucht, bis er überhaupt antwortet (hohe Server-Antwortzeit), verschiebt das alles nach hinten, egal wie gut der Rest optimiert ist.
• Zu viel oder blockierendes JavaScript: Schwere Skripte, die vor dem Rendern ausgeführt werden, treiben sowohl LCP als auch INP nach oben. Tracking-Tools, Chat-Widgets und Page-Builder sind häufige Übeltäter.
• Elemente ohne feste Maße: Bilder, Anzeigen oder eingebettete Inhalte ohne festgelegte Breite und Höhe lassen das Layout springen und ruinieren den CLS.

Konkrete Maßnahmen

Hier wird es praktisch. Die folgenden Maßnahmen decken die meisten Probleme ab, geordnet nach Hebelwirkung.

Bilder optimieren

Der größte Hebel für LCP und PageSpeed. Komprimiere alle Bilder und setze auf moderne Formate wie WebP oder AVIF, die bei gleicher Qualität deutlich kleiner sind. Liefere Bilder in der Größe aus, in der sie angezeigt werden, statt ein riesiges Original per CSS zu verkleinern. Lade Bilder unterhalb des sichtbaren Bereichs erst beim Scrollen (Lazy Loading), aber niemals das Hauptbild im sichtbaren Bereich, sonst verschlechterst du LCP. Gib jedem Bild feste Breite und Höhe mit, das beseitigt einen Großteil der CLS-Probleme.

Caching und Auslieferung

Browser-Caching sorgt dafür, dass wiederkehrende Besucher Dateien nicht erneut laden. Ein CDN liefert Inhalte von einem Server in der Nähe des Nutzers aus und senkt die Antwortzeit. Auf WordPress-Seiten übernimmt ein Caching-Plugin einen Großteil dieser Arbeit. Aktiviere zusätzlich Komprimierung wie Gzip oder Brotli auf dem Server.

Code aufräumen

Reduziere JavaScript und CSS auf das Nötige. Lade nicht kritische Skripte verzögert (defer oder async), damit sie das Rendern nicht blockieren. Entferne Plugins und Tracking-Tools, die du nicht brauchst, jedes davon kostet Performance. Minimiere CSS- und JS-Dateien, das verkleinert sie ohne Funktionsverlust.

Hosting prüfen

Wenn die Server-Antwortzeit dauerhaft hoch ist, hilft kein noch so sauberer Code. Günstiges Shared Hosting ist hier oft der Engpass. Ein Wechsel auf besseres Hosting oder ein spezialisierter Anbieter kann LCP spürbar senken. Das ist die unbeliebteste Maßnahme, weil sie Geld kostet, aber manchmal die einzige, die wirklich wirkt.

Wie du Core Web Vitals misst

Es gibt zwei Datenquellen, und du brauchst beide. PageSpeed Insights (pagespeed.web.dev) prüft eine einzelne URL und liefert sowohl Labordaten als auch echte Felddaten samt konkreter Verbesserungsvorschläge. Damit arbeitest du an einzelnen Seiten. Die Google Search Console zeigt im Bericht „Core Web Vitals” den Zustand der gesamten Website auf Basis echter Nutzerdaten, gruppiert nach Problemtyp und URL. Das ist deine Übersicht, welche Seitengruppen Aufmerksamkeit brauchen.

Wichtig: Die beiden Quellen können abweichen. PageSpeed Insights misst im Labor unter idealen Bedingungen, die Search Console nutzt reale Geräte und Verbindungen über ein 28-Tage-Fenster. Verlass dich für die Bewertung deiner Seite auf die Felddaten, denn die spiegeln wider, was deine Besucher tatsächlich erleben.

In welcher Reihenfolge vorgehen

Arbeite datengetrieben statt nach Gefühl. Öffne die Search Console und finde den schlechtesten der drei Werte. Nimm dann eine betroffene Beispiel-URL und jage sie durch PageSpeed Insights, um die konkrete Ursache zu sehen. Setze die Empfehlung mit der höchsten Hebelwirkung zuerst um, in den meisten Fällen ist das die Bildoptimierung. Danach misst du erneut. Diese Schleife aus messen, eine Sache ändern, wieder messen bringt dich schneller ans Ziel als zehn Maßnahmen auf einmal, bei denen du am Ende nicht weißt, welche gewirkt hat. Core Web Vitals sind ein Teil des größeren Bilds. Wer sie sauber im Griff hat, hat eine solide technische Basis, auf der starker Inhalt seine volle Wirkung entfaltet.