Als ich anfing, online zu verkaufen, hielt ich die Seitengeschwindigkeit für ein Problem der Entwickler. Bis mein Shop in den Suchergebnissen abrutschte, obwohl sich am Inhalt nichts geändert hatte. Da habe ich mich hingesetzt und die Sache von Grund auf gelernt. Es stellte sich heraus, dass Google ein Set aus drei Kennzahlen hat, die das tatsächliche Erlebnis deiner Kunden messen — die Core Web Vitals. Diese drei Zahlen zu verstehen, ist nicht schwer, und sie verraten dir, ob sich dein Shop in den Augen deiner Kunden — und in denen von Google — schnell oder langsam anfühlt.
In diesem Artikel erkläre ich die drei Kennzahlen in einfachen Worten, mit den “guten” Schwellenwerten, die Google veröffentlicht, und spreche dann darüber, warum sie für das Ranking und den Umsatz wichtig sind.
Was sind Core Web Vitals
Einfach gesagt sind die Core Web Vitals drei Messwerte, mit denen Google beurteilt, wie schnell und reibungslos eine Webseite ist, wenn echte Menschen sie nutzen. Sie werden nicht auf einer idealen Labormaschine gemessen, sondern auf den tatsächlichen Smartphones und Netzwerken der Leute, die deinen Shop besuchen.
Die drei Kennzahlen sind LCP (erscheint die Seite schnell), CLS (springt das Layout herum) und INP (reagiert sie sofort, wenn man tippt). Jede entspricht einem bestimmten Gefühl, das ein Kunde beim Öffnen der Seite hat.
Google bewertet auf Basis des 75. Perzentils — also bei 75 % der Besuche — und trennt dabei Mobil von Desktop. Im Klartext: Die meisten deiner Kunden müssen die Seite als akzeptabel empfinden, damit sie als “gut” gilt, nicht nur ein paar glückliche Besuche.
LCP — Erscheint die Seite schnell oder langsam
LCP steht für Largest Contentful Paint, den Moment, in dem das größte Element auf dem Bildschirm erscheint. Das ist meist das Banner-Bild oben auf der Seite, das Hauptproduktbild oder ein großer Überschriftenblock. Wenn der Kunde das sieht, hat er das Gefühl, die Seite sei fertig geladen.
Laut Google liegt der gute Schwellenwert bei unter 2,5 Sekunden. Über 4 Sekunden gilt als schlecht. Alles dazwischen ist “verbesserungswürdig”.
Stell dir einen Kunden vor, der über eine Facebook-Anzeige auf einen Produktlink tippt und mitten auf der Straße auf einen leeren weißen Bildschirm wartet. Jede Sekunde, die vergeht, ist ein Stück der Wahrscheinlichkeit, dass er abspringt. Für Mode- oder Kosmetikshops — wo die Bilder meist schwer sind — ist LCP die Stelle, an der man am leichtesten ins Stocken gerät.
Was LCP üblicherweise nach unten zieht: zu schwere, nicht komprimierte Bilder, zu viele Apps, die im Hintergrund laufen, wenn die Seite öffnet, oder ein Theme, das allerlei Unnötiges lädt, bevor es den eigentlichen Inhalt anzeigt.
CLS — Springt das Layout herum
CLS steht für Cumulative Layout Shift und misst, wie stark sich Elemente während des Ladens bewegen. Laut Google liegt der gute Schwellenwert bei unter 0,1.
Das ist das Ärgernis, das jeder schon erlebt hat. Du willst gerade auf “In den Warenkorb” tippen, und dann schiebt sich ein Banner oder ein langsam ladendes Bild dazwischen, drückt den Button nach unten, und dein Finger tippt versehentlich woanders hin. Manchmal tippst du aus Versehen auf eine Anzeige. Genau das ist ein Layout-Sprung.
Das Menü ist ein vertrauter Übeltäter. Wenn die Navigationsleiste nach dem Inhalt lädt, kann sie alles darunter nach unten drücken — genau in dem Moment, in dem der Kunde liest oder tippt. Der Kunde kann dieses Gefühl nicht benennen, aber er sieht eine unordentliche Seite und verliert das Vertrauen.
Der übliche Weg, CLS zu reduzieren, ist, im Voraus Platz für Bilder, Banner und Menüs zu reservieren, sodass sie beim Laden in den bereits freigehaltenen Bereich einrücken, ohne den Rest zur Seite zu schieben. Bei der Wahl einer Menü-App solltest du eine bevorzugen, die den Inhalt beim Erscheinen nicht springen lässt.
INP — Reagiert sie sofort, wenn man tippt
INP steht für Interaction to Next Paint und misst die Verzögerung zwischen dem Moment, in dem ein Kunde interagiert (tippt, berührt, tippt etwas ein), und dem Moment, in dem der Bildschirm reagiert. Laut Google liegt der gute Schwellenwert bei unter 200 Millisekunden.
Ein Detail, das man sich merken sollte: INP hat laut Google am 12. März 2024 offiziell FID (First Input Delay) im Set der Core Web Vitals abgelöst. Der Grund ist, dass FID nur die erste Interaktion gemessen hat, während INP alle Interaktionen über die gesamte Sitzung hinweg erfasst — näher an der Realität. Wenn du in älterer Dokumentation noch FID erwähnt findest: Die Zahl, auf die es jetzt ankommt, ist INP.
INP hängt eng mit dem Gefühl zusammen, “ob diese Seite träge ist”. Ein Kunde öffnet das Hamburger-Menü auf seinem Handy, tippt einmal, und eine halbe Sekunde später klappt das Menü endlich auf. In dieser halben Sekunde denkt er, das Gerät sei eingefroren, tippt erneut und ärgert sich dann. Je mehr Code ein Menü im Hintergrund ausführt, desto schlimmer wird diese Verzögerung.
Da habe ich angefangen, genau auf die Menü-App zu achten, die ich installiert hatte. Ich bin zu Navi+ (naviplus.io) gewechselt, unter anderem weil es so optimiert ist, dass es die Seite nicht ausbremst. Bei einem Tab-Bar-Menü am unteren Rand des Handys oder einem Slide Menu wirkt sich aus, wie reaktionsschnell es sich beim direkten Tippen anfühlt, direkt auf den INP — eine leichtgewichtige App macht es also einfacher, diese Zahl im Griff zu behalten.
Warum dich Core Web Vitals interessieren sollten: SEO und Umsatz
Die unverblümte Frage: Lohnt es sich, sich über diese drei Zahlen Gedanken zu machen, oder sind sie nur eine technische Angelegenheit?
Ja, sie lohnen sich. Google hat bestätigt, dass das Seitenerlebnis (Page Experience), zu dem auch die Core Web Vitals gehören, ein Ranking-Faktor ist. Es ist nicht der wichtigste Faktor — guter Inhalt bleibt die Grundlage —, aber wenn zwei Seiten gleich guten Inhalt haben, kann die Geschwindigkeit der Faktor sein, der Google hilft zu entscheiden, welche es nach oben setzt. Ein langsamer Shop kann leicht gegen eine schnellere Seite verlieren — genau bei den Keywords, um die du konkurrierst.
Der Dominoeffekt ist ziemlich einfach: Ein langsamer Shop rankt schlechter, ein schlechteres Ranking bedeutet weniger organischen Traffic, weniger Traffic bedeutet weniger Bestellungen. Für Verkäufer, die stark auf SEO statt auf Anzeigen setzen, ist das eine kostenlose Kundenquelle, die du dir nicht entgehen lassen willst.
Die Geschwindigkeit beeinflusst nicht nur das Ranking, sondern auch die Conversion-Rate. Die durchschnittliche Warenkorbabbruchrate im E-Commerce liegt laut Baymard Institute bei rund 70 % (eine Zahl, die aus 50 Studien zusammengetragen wurde). Es gibt viele Ursachen, aber eine Seite, die langsam lädt oder ruckelt, hilft sicher nicht. Wenn ein Kunde es schon bis zum Warenkorb geschafft hat und dann noch warten muss oder daneben tippt, weil das Layout gesprungen ist, steigt die Wahrscheinlichkeit, dass er abspringt.
Das Beruhigende ist, dass diese drei Kennzahlen messbar und verbesserbar sind. Du musst nicht raten. Geh in die Google Search Console oder zu PageSpeed Insights, gib die URL deines Shops ein, und das Tool zeigt dir, wo LCP, INP und CLS stehen und wo sie im roten Bereich sind.
Eine praktische Reihenfolge für Vielbeschäftigte:
- Prüfe, ob die Bilder zu schwer sind (betrifft LCP).
- Sieh die installierten Apps durch und suche nach solchen, die viel Code im Hintergrund ausführen (betrifft INP).
- Prüfe, ob Menüs und Banner den Inhalt springen lassen, wenn sie laden (betrifft CLS).
Viele Shops häufen mit der Zeit Apps an, und das Menü erscheint auf jeder Seite — eine leichtgewichtige Navigations-App, die das Layout nicht herumschiebt, ist daher eine Investition, die es zu überlegen lohnt.
Du musst dich nicht in einen Ingenieur verwandeln. Du musst nur verstehen, was die drei Zahlen darüber aussagen, wie sich deine Kunden fühlen, sie regelmäßig prüfen und bei der Wahl deiner Tools — besonders einer Menü-App, die auf jeder Seite erscheint — darauf achten, ob sie deinen Shop ausbremst.
Dieser Artikel ist Teil des größeren Leitfadens zu Navigation und Seitengeschwindigkeit — eine Menü-App wählen, die den Core Web Vitals nicht schadet.