Core Web Vitals erklärt: Der Leitfaden für Website-Betreiber

Core Web Vitals sind drei Messwerte, mit denen Google beschreibt, wie sich eine Seite für einen echten Besucher anfühlt: wie schnell der Hauptinhalt erscheint, wie schnell die Seite auf ein Tippen oder Klicken reagiert und ob das Layout beim Laden herumspringt. Sie sind Teil von Googles Page-Experience-Signalen, doch der wichtigere Grund, sich darum zu kümmern, ist simpler: Besucher verlassen langsame, springende Seiten, und sie sagen Ihnen selten, warum.

Dieser Leitfaden erklärt die drei Metriken in einfacher Sprache, die von Google veröffentlichten Schwellenwerte und wie Sie auf einer normalen Website eines kleinen Unternehmens entscheiden, was zuerst behoben werden sollte.

Die drei Metriken auf einen Blick

Metrik	Was sie misst	Gut	Schlecht
LCP (Largest Contentful Paint)	Zeit, bis das größte sichtbare Element gerendert ist	2,5 Sekunden oder weniger	Über 4 Sekunden
INP (Interaction to Next Paint)	Wie lange die Seite nach einem Tippen, Klicken oder Tastendruck braucht, um sichtbar zu reagieren	200 Millisekunden oder weniger	Über 500 Millisekunden
CLS (Cumulative Layout Shift)	Wie stark sichtbare Inhalte sich unerwartet verschieben	0,1 oder weniger	Über 0,25

Werte zwischen „gut“ und „schlecht“ fallen in den Bereich „verbesserungswürdig“. Google bewertet eine Seite am 75. Perzentil der echten Besuche, das heißt, drei Viertel Ihrer Besucher sollten eine Erfahrung haben, die mindestens dem Schwellenwert entspricht. Ein schneller Test auf Ihrem eigenen Laptop beweist nicht, dass die Seite besteht.

Largest Contentful Paint: Erscheint die Seite?

LCP betrachtet das größte Bild, Video-Vorschaubild oder den größten Textblock im ersten Bildschirmbereich und erfasst, wann es fertig gerendert ist. Auf den meisten Websites ist das ein Hero-Bild oder eine große Überschrift. Ein langsamer LCP hat meist eine von vier Ursachen: eine langsame Server-Antwort, ein schweres oder schlecht formatiertes Bild, Rendering-blockierendes CSS oder JavaScript oder ein Browser, der das entscheidende Bild zu spät entdeckt.

Interaction to Next Paint: Reagiert die Seite?

INP hat im März 2024 die ältere Metrik First Input Delay abgelöst. Während First Input Delay nur die erste Interaktion und nur die Verzögerung vor deren Beginn betrachtete, berücksichtigt INP Interaktionen während des gesamten Besuchs und meldet eine der langsamsten, vom Eingabe bis zum Zeichnen des nächsten Frames. Seiten, die schnell laden, sich aber beim Öffnen eines Menüs oder Drücken einer Schaltfläche zäh anfühlen, haben meist ein JavaScript-Problem: zu viel Code, der gleichzeitig im Haupt-Thread läuft.

Cumulative Layout Shift: Bleibt die Seite ruhig?

CLS summiert unerwartete Bewegungen sichtbarer Elemente. Sie kennen das, wenn Sie auf einen Link tippen wollten und über ihm ein Banner geladen wurde, das den Link nach unten schob. Häufige Auslöser sind Bilder ohne Breiten- und Höhenangaben, spät ladende Anzeigen und Einbettungen, Schriften, die getauscht werden und die Textgröße ändern, und Cookie-Banner, die oben in die Seite eingefügt werden.

Labordaten und Felddaten

Es gibt zwei Arten von Messung, und ihre Verwechslung sorgt für Verwirrung.

• Felddaten stammen von echten Besuchern mit echten Geräten und Netzwerken. Google erhebt sie von Chrome-Nutzern und zeigt sie in PageSpeed Insights und der Search Console, wenn Ihre Website genug Traffic hat. Sie zählen für die Bewertung.
• Labordaten stammen aus einem simulierten Test, etwa Lighthouse. Sie sind reproduzierbar und eignen sich daher ideal zur Fehlersuche, stammen aber von einem Gerät mit einer Verbindung.

Eine kleine Website hat womöglich gar keine Felddaten. Nutzen Sie in diesem Fall Labortests, um Probleme zu finden, und betrachten Sie die Ergebnisse als Orientierung, nicht als Urteil.

Wo Sie mit der Behebung anfangen

1. Messen Sie die Seiten, auf die es ankommt. Testen Sie Ihre Startseite, Ihre meistbesuchte Landingpage und einen typischen Artikel oder eine Produktseite mit einem Mobilprofil. Mitteln Sie nicht die gesamte Website.
2. Beheben Sie zuerst die schwächste Metrik. Ist LCP schlecht und CLS in Ordnung, arbeiten Sie am LCP.
3. Beginnen Sie mit den günstigen Erfolgen. Komprimieren und verkleinern Sie das Hero-Bild, legen Sie Bildabmessungen fest, aktivieren Sie Caching, erwägen Sie ein CDN und entfernen Sie Plugins oder Skripte, die Sie nicht mehr nutzen.
4. Testen Sie nach jeder Änderung erneut. Ändern Sie jeweils nur eine Sache, damit Sie wissen, was geholfen hat.
5. Warten Sie, bis die Felddaten nachziehen. Die realen Zahlen werden über einen gleitenden Zeitraum gesammelt, Verbesserungen zeigen sich daher erst nach einigen Wochen vollständig.

Was Hosting damit zu tun hat

Bei Core Web Vitals geht es vor allem darum, wie eine Seite gebaut ist, doch das Hosting legt die Untergrenze fest. Eine langsame Server-Antwort verzögert alles, was folgt, und schadet dem LCP direkt. Überfüllte Server, veraltete PHP-Versionen und fehlendes serverseitiges Caching verlängern jeweils die Zeit, bis der Browser das erste Byte erhält. Gute Frontend-Arbeit kann ein langsames Backend nicht vollständig ausgleichen.

Eine realistische Erwartung

Alle drei Metriken zu bestehen ist ein lohnendes Ziel, aber kein magischer Ranking-Schalter. Inhaltliche Relevanz zählt weiterhin weit mehr. Betrachten Sie Core Web Vitals als Abbau von Reibung: Sie lassen eine schwache Seite nicht ranken, aber eine langsame, springende Seite macht es schwerer, die Besucher zu halten, die Sie bereits gewonnen haben.

Häufige Fehler von Website-Betreibern

• Dem perfekten Lighthouse-Wert hinterherjagen. Ein Wert von 100 in einem Labortest ist nicht das Ziel. Das Bestehen der drei Schwellenwerte für echte Besucher ist es.
• Nur auf dem Desktop testen. Der größte Teil der Bewertung erfolgt mobil, und Mobilgeräte haben langsamere Prozessoren und Verbindungen.
• Ein Speed-Plugin installieren und dort aufhören. Plugins können beim Caching und der Bildverarbeitung helfen, aber sie können kein 3 MB großes Hero-Bild oder ein Dutzend Marketing-Skripte entfernen.
• Templates ignorieren. Seiten, die aus demselben Template gebaut sind, teilen meist dieselben Probleme; die Korrektur des Templates behebt daher viele Seiten auf einmal. Die Search Console gruppiert genau aus diesem Grund ähnliche URLs.

Führen Sie ein einfaches Protokoll darüber, was Sie geändert haben und wie der Wert davor und danach war. Es erspart Rätselraten, wenn nach einem Plugin-Update etwas schlechter wird.

Schnelle Seiten beginnen beim Server

Bei Zebra Hosting Cloud enthält jeder Tarif das Kontrollpanel Plesk, in dem Sie aktuelle PHP-Versionen wählen können, und Cloudflare CDN ist auf gehosteten Websites verfügbar, um statische Dateien näher an den Besuchern auszuliefern. Zusammen decken sie die Serverseite der Gleichung ab, sodass Sie sich auf die Seite selbst konzentrieren können. Was jeder Tarif bietet, sehen Sie in der Hosting-Übersicht.