WebDrift

DIGITALE SYSTEME WERDEN GELADEN

BLOG · WEBSITES & SHOPS

Was sind Core Web Vitals? LCP, INP und CLS einfach erklärt

Core Web Vitals einfach erklärt: Was LCP, INP und CLS bedeuten, warum Geschwindigkeit für Nutzer und Google zählt, plus typische Ursachen und Quick Wins.

4 Min. Lesezeit

Von WebDrift RedaktionRead in English

Drei leuchtende Tachometer über einer schnell ladenden WebsiteWebsites & Shops

Core Web Vitals sind drei Kennzahlen von Google, die messen, wie gut sich eine Website für echte Nutzer anfühlt: wie schnell der wichtigste Inhalt erscheint (LCP), wie flott die Seite auf Eingaben reagiert (INP) und wie stabil das Layout beim Laden bleibt (CLS). Gute Werte bedeuten: Die Seite lädt zügig, reagiert zuverlässig und springt nicht unruhig um. Schlechte Werte kosten vor allem eines, geduldige Besucher.

In diesem Artikel erklären wir die drei Kennzahlen in einfachen Worten, zeigen, warum Geschwindigkeit für Ihre Nutzer und für Google wichtig ist, welche Ursachen für langsame Websites typisch sind und welche schnellen Verbesserungen sich zuerst lohnen.

Was bedeuten LCP, INP und CLS konkret?

Google fasst das Nutzererlebnis einer Seite unter drei Kennzahlen zusammen. Ein Bild hilft: Sie stehen in einem Restaurant. Der LCP ist die Zeit, bis das Hauptgericht auf den Tisch kommt. Der INP zeigt, wie schnell der Kellner auf Ihre Bestellung reagiert. Der CLS misst, ob beim Servieren plötzlich das Tischtuch verrutscht und alles durcheinandergerät.

  • LCP (Largest Contentful Paint): die Zeit, bis das größte und wichtigste Element der Seite, meist ein Bild oder ein großer Textblock, sichtbar ist. Als gut gilt laut Google ein Wert von höchstens 2,5 Sekunden. So verstehen Besucher sofort, worum es geht.
  • INP (Interaction to Next Paint): die Zeit, bis die Seite auf eine Eingabe reagiert, etwa ein Klick auf einen Button oder das Ausfüllen eines Formulars. Als gut gilt laut Google ein Wert von höchstens 200 Millisekunden, man bemerkt die Verzögerung dann kaum.
  • CLS (Cumulative Layout Shift): misst, wie unruhig das Layout ist. Wenn Bilder nachträglich laden und dabei Text oder Buttons verdrängen, steigt der CLS-Wert. Als gut gilt laut Google ein Wert von höchstens 0,1: Die Seite bleibt, wo man sie erwartet.

Warum zählt Geschwindigkeit für Nutzer und Google?

Für Ihre Besucher ist es eine einfache Rechnung: Wer zu lange wartet, klickt weg. Wer auf ein zögerndes Formular stößt, wird ungeduldig. Wer auf einen Button tippt, der sich unter dem Finger wegbewegt, verliert das Vertrauen in die Seite. In vielen Projekten sehen wir, dass oft schon die wenigen Sekunden zwischen „Seite geöffnet“ und „Seite brauchbar“ über eine Anfrage entscheiden.

Für Google spielen die Core Web Vitals eine Rolle bei der Rangfolge, weil sie ein Indikator für das Nutzererlebnis sind: Eine Seite, die schnell lädt, zuverlässig reagiert und stabil bleibt, gilt als gute Seite. Wichtig ist dabei: Die Kennzahlen sind ein Teil von vielen, gute Inhalte bleiben das Fundament, Geschwindigkeit ist ein klarer Vorteil, aber kein Wundermittel.

Was macht Websites typisch langsam?

Die meisten Probleme kommen aus einer kleinen Handvoll Ursachen. Bei der Analyse einer Website stoßen wir am häufigsten auf diese Punkte:

  • Zu große Bilder: Fotos in voller Auflösung ohne Komprimierung und ohne moderne Formate wie WebP sind mit Abstand der häufigste LCP-Verursacher.
  • Unnötige Skripte: Jeder Tracker, jedes Chat-Widget und jede Werbeeinbindung kostet Reaktionszeit, besonders beim INP.
  • Schwacher oder weit entfernter Server: Langsame Hosting-Pakete oder Server, die weit von Ihren Besuchern entfernt stehen, erhöhen die reine Übertragungszeit.
  • Nicht optimierte Fonts und CSS: Wenn Schriften erst nach dem Laden nachgezogen werden oder CSS-Dateien blockieren, verzögert sich das gesamte Layout.
  • Layout-Sprünge: Bilder ohne reservierten Platz und eingebettete Banner, die erst nach dem Laden erscheinen, verursachen CLS.

Welche schnellen Verbesserungen lohnen sich zuerst?

Nicht jedes Problem braucht einen Relaunch. Diese Punkte bringen in den meisten Fällen die größte Wirkung bei kleinem Aufwand:

MaßnahmeBessere KennzahlAufwand
Bilder komprimieren und im WebP-Format ausliefernLCPgering
Unnötige Skripte (Tracker, Widgets) ausdünnen oder verzögert ladenINPgering bis mittel
Platzhalter und feste Abmessungen für Bilder und Banner setzenCLSgering
Hosting und Serverstandort prüfenLCP, INPmittel
Webfonts lokal hosten und kritische CSS-Dateien reduzierenLCP, CLSmittel

Fazit: Core Web Vitals sind ein Nutzerthema, kein Technikthema

Die drei Kennzahlen klingen nach Technik, beschreiben aber etwas ganz Einfaches: Wie angenehm ist es, auf Ihrer Website zu sein? Wer LCP, INP und CLS im Blick behält, verbessert genau das ohne dass Besucher es benennen können. Wenn Sie wissen möchten, wie gut Ihre aktuelle Website abschneidet und welche Verbesserung sich zuerst lohnt, sprechen Sie mit uns. Und wenn Sie eine Website planen, bei der Geschwindigkeit von Anfang an eingeplant ist, werfen Sie einen Blick auf unsere digitalen Plattformen.

#Core Web Vitals#LCP#INP#CLS#Ladegeschwindigkeit

HÄUFIGE FRAGEN

Kurz beantwortet.

01Sind Core Web Vitals dasselbe wie Seitenladezeit?
Nein. Die Seitenladezeit misst nur, wie schnell eine Seite lädt. Core Web Vitals messen zusätzlich, wie reaktionsschnell sich eine Seite anfühlt (INP) und wie stabil sie sich darstellt, also ob Inhalte beim Laden herumspringen (CLS).
02Wie messen wir die Core Web Vitals unserer Website?
Am einfachsten mit kostenlosen Tools wie dem PageSpeed Insights von Google oder der Search Console. Dort sehen Sie Werte für LCP, INP und CLS, idealerweise bezogen auf die echten Besucher Ihrer Seite, nicht nur auf einen einzelnen Testlauf.
03Sind Core Web Vitals nur relevant für Google?
Nicht nur. Für Google sind sie ein Teil der Ranking-Faktoren, weil sie ein gutes Nutzererlebnis anzeigen. Noch wichtiger sind sie für Ihre Besucher: Wer zu lange wartet, wer auf ein träges Formular stößt oder wem die Seite unter den Fingern wegrutscht, kommt oft nicht zurück.

ÜBER DIE REDAKTION

WebDrift Redaktion

Die WebDrift Redaktion ist das Team hinter WebDrift in Dresden für Entwicklung, Design, KI-Automatisierung und Sichtbarkeit. Wir schreiben über das, was wir täglich für kleine und mittlere Unternehmen bauen: ehrlich, praxisnah und ohne erfundene Zahlen.