Core Web Vitals Das sind die drei User-Experience-Kennzahlen, die Google als Ranking-Signal nutzt, und wenn sie nicht erfüllt werden, wirkt sich das still und leise gleichzeitig negativ auf Ihre Platzierungen und Ihre Konversionsraten aus. Die gute Nachricht ist, dass die Erfüllung dieser Anforderungen eine relativ einfache Aufgabe ist, sobald Sie wissen, welche Kennzahl nicht den Anforderungen entspricht und warum.
Eines möchte ich gleich zu Beginn klarstellen, da viele ältere Leitfäden dies immer noch falsch darstellen: Die alte FID-Metrik wurde im März 2024 abgeschafft und durch INP ersetzt. Heute geht es also um LCP, INP und CLS – im Folgenden erfahren Sie, wie Sie die einzelnen Kennzahlen interpretieren und Probleme beheben können.
Wichtigste Erkenntnisse
- Die drei Core Web Vitals sind LCP, INP und CLS; INP löste FID im Jahr 2024 ab.
- Gute Ergebnisse: LCP unter 2,5 s, INP unter 200 ms, CLS unter 0,1 am 75. Perzentil.
- Korrigieren Sie die Kennzahl, die Google tatsächlich markiert, mithilfe von Felddaten, und zwar nicht nur ein einmaliges Laborergebnis.
- Bei LCP geht es hauptsächlich um die Servergeschwindigkeit und Bilder; bei INP hauptsächlich um JavaScript; bei CLS hauptsächlich um fehlende Abmessungen.
- Die Felddaten werden in einem gleitenden 28-Tage-Zeitfenster aktualisiert. Warten Sie daher bitte einige Wochen, bis Ihre Korrekturen sichtbar werden.
Was die Core Web Vitals eigentlich messen
Jeder Vital-Indikator deckt einen anderen Aspekt des Nutzererlebnisses ab: einen für das Laden, einen für die Reaktionsgeschwindigkeit und einen für die visuelle Stabilität. Sie bestehen den Test nur, wenn alle drei Indikatoren bei den meisten Ihrer echten Besucher im grünen Bereich liegen. Daher ist es hilfreich, genau zu wissen, was jeder einzelne Indikator misst und welchen Schwellenwert er überschreiten muss.
| Metrisch | Was damit gemessen wird | Gutes Ergebnis |
|---|---|---|
| LCP (Largest Contentful Paint) | Wie schnell der Hauptinhalt der Seite geladen wird und angezeigt wird | 2,5 Sekunden oder weniger |
| INP (Interaktion mit „Next Paint“) | Wie schnell die Seite reagiert, wenn jemand darauf tippt oder klickt | 200 ms oder weniger |
| CLS (Kumulative Layoutverschiebung) | Wie stark das Layout beim Laden der Seite hin und her springt | 0,1 oder weniger |
Finden Sie zunächst heraus, was tatsächlich nicht funktioniert.
Bevor Sie irgendetwas ändern, sollten Sie prüfen, mit welcher Kennzahl Google unzufrieden ist, denn wenn Sie die falsche beheben, verschwenden Sie Stunden. Geben Sie Ihre URL in PageSpeed Insights und lies den Felddaten (der Abschnitt ”Echte Nutzer” oben), nicht nur die darunter angegebene Laborbewertung. Google bewertet Sie anhand von Felddaten, die von echten Chrome-Nutzern stammen. Daher führt eine perfekte Laborbewertung bei unzureichenden Felddaten dennoch zu einem negativen Ergebnis.
Der „Core Web Vitals“-Bericht in der Search Console ist eine weitere wichtige Informationsquelle, da er Ihre fehlerhaften URLs gruppiert, sodass Sie erkennen können, ob es sich um eine einzelne Vorlage oder die gesamte Website handelt. Sobald Sie wissen, ob es sich um LCP, INP oder CLS handelt, können Sie direkt zur entsprechenden Abhilfemaßnahme weitergehen, anstatt zu raten.
LCP beheben (Ladezeit)
Bei LCP geht es in der Regel darum, wie schnell das größte Element im Bereich „Above the Fold“ – häufig ein Hero-Bild oder eine Überschrift – angezeigt wird. Der erste Einflussfaktor ist die Server-Reaktionszeit: Wenn Ihr Host das erste Byte nur langsam liefert, kommt alles, was danach folgt, verspätet an. Ein schnellerer Host oder ein guter leistungsorientiertes Hosting-Paket Außerdem ist ein CDN oft der größte Einzelbeitrag zur Verbesserung des LCP-Werts, weshalb ich in der Regel damit beginne; mein Übersicht über schnelle WordPress-Hosts geht näher auf diese Entscheidung ein.
Nach dem Server ist meist ein großes Hero-Bild der Übeltäter. Komprimieren und verkleinern Sie es, stellen Sie es im WebP- oder AVIF-Format bereit, und Vorladen dieses eine LCP-Bild, damit der Browser es frühzeitig abruft. Entfernen Sie anschließend das rendernblockierende CSS und JavaScript im Head-Bereich, indem Sie nicht kritische Skripte verzögern und das kleine Stück kritischen CSS inline einfügen, damit die Seite gerendert werden kann, ohne auf das gesamte Stylesheet warten zu müssen.
Behebung des INP-Problems (Reaktionsgeschwindigkeit)
INP ist die Kennzahl, mit der die meisten Websites derzeit zu kämpfen haben, und es handelt sich dabei fast immer um eine JavaScript Problem. Es misst die Verzögerung zwischen dem Antippen durch den Nutzer und der tatsächlichen Reaktion der Seite; daher wirkt sich alles, was den Hauptthread blockiert, negativ darauf aus. Die Lösung besteht darin, weniger Arbeit in diesem Thread zu verrichten: Teilen Sie lange Aufgaben in kleinere Abschnitte auf, verschieben Sie Skripte, die Sie beim Laden nicht benötigen, oder entfernen Sie sie ganz, und lassen Sie rechenintensive Aufgaben zurücktreten, damit der Browser zuerst auf den Klick reagieren kann.
Skripte von Drittanbietern sind hier die stillen Übeltäter – beispielsweise Chat-Widgets, Heatmaps sowie Werbe- und Analyse-Tags. Jedes davon führt Code aus, den Sie nicht selbst geschrieben haben. Überprüfen Sie diese daher gründlich und entfernen Sie diejenigen, die ihren Platz nicht rechtfertigen, oder laden Sie sie erst bei Bedarf. Bei WordPress ist die Verwendung von zu vielen Plugins, die jeweils ihre eigenen Skripte einbinden, der häufigste Grund dafür, dass eine Website den INP-Test nicht besteht, ohne dass es jemand bemerkt.
Behebung von CLS (visuelle Stabilität)
CLS ist das einfachste der drei Probleme, das zu beheben ist, und für die Nutzer das nervigste: dieser Sprung, bei dem man auf etwas tippen will und die Seite einem etwas anderes unter den Finger schiebt. Das liegt fast immer an Elementen, die ohne reservierten Platz geladen werden. Setze explizit Breite und Höhe bei jedem Bild und jedem Video, damit der Browser die Position beibehält, und Platz für später eingefügte Elemente wie Werbung, Einbettungen oder Cookie-Banner reservieren.
Web-Schriftarten verursachen eine weitere häufige Verschiebung, wenn der Text neu angeordnet wird, sobald eine benutzerdefinierte Schriftart eingebunden wird. Bei Verwendung von font-display: swap Mit einer sinnvoll ausgewählten Fallback-Schriftart lässt sich diese Schwankung gering halten. Wenn man diese beiden Gewohnheiten beherrscht, sinkt der CLS-Wert in der Regel von selbst in den grünen Bereich.
Wo soll man also anfangen?
Wäre dies meine Website, würde ich nicht versuchen, alle drei Probleme auf einmal zu beheben. Ich würde die Felddaten öffnen, die einzige Kennzahl im roten Bereich ausfindig machen und diese zuerst beheben, denn es ist reine Zeitverschwendung, einen Laborwert für eine Kennzahl zu optimieren, die Google gar nicht erst berücksichtigt. Bei den meisten WordPress-Websites ist die Reihenfolge, die sich am schnellsten auszahlt, LCP (Host und Bilder), dann INP (JavaScript und Skripte von Drittanbietern kürzen) und schließlich CLS (Abmessungen festlegen).
Das Letzte, worauf man achten muss, ist Geduld. Felddaten bewegen sich auf einer 28-Tage-Gleitfenster, daher wird selbst eine perfekte Lösung den Bericht nicht über Nacht ins Grüne kippen; warte ein paar Wochen, bevor du zu dem Schluss kommst, dass es nicht funktioniert hat. Führe die Diagnose gewissenhaft durch, behebe den tatsächlichen Engpass und bestehe deine Core Web Vitals ist kein Rätsel mehr.
Änderungsprotokolle
28. Juni 2026
- Aktualisiert im Hinblick auf die Änderung der Metrik von FID zu INP, die aktuellen Schwellenwerte für den Pass sowie eine Metriktabelle hinzugefügt und die Korrekturen bezüglich der Felddaten und des 28-Tage-Fensters überarbeitet.
Möchtest du, dass meine Beiträge öfter bei Google erscheinen?
Ein Klick genügt, und Google kann diese Website in Ihren „Top Stories“ anzeigen.
Entdecke mehr von WpConsults
Melde dich für ein Abonnement an, um die neuesten Beiträge per E-Mail zu erhalten.