Core Web Vitals verständlich erklärt: Warum langsame Seiten Kunden kosten

Ein Interessent tippt in der Mittagspause auf Ihr Suchergebnis. Die Seite bleibt weiß, dann springt der Text nach unten, und als er endlich auf „Kontakt“ tippen will, reagiert nichts. Er geht zurück und öffnet das nächste Ergebnis. Eine Anfrage, von der Sie nie erfahren werden, ist verloren.

Genau diese Momente misst Google mit den Core Web Vitals. Die drei Kennzahlen beschreiben, wie schnell eine Seite lädt, wie flott sie auf Eingaben reagiert und ob der Inhalt beim Laden ruhig stehen bleibt. Sie beruhen auf Daten echter Besucher und nicht auf einem Labortest.

In diesem Beitrag erfahren Sie, was hinter LCP, INP und CLS steckt, welche Grenzwerte Google offiziell nennt, wie Sie Ihre eigenen Werte kostenlos prüfen und welche Ursachen in der Praxis am häufigsten dahinterstecken.

Core Web Vitals sind drei Messwerte, mit denen Google die Nutzererfahrung einer Website bewertet. Jeder Wert steht für eine Frage, die sich jeder Besucher unbewusst stellt:

• Largest Contentful Paint (LCP): Wann sehe ich den wichtigsten Inhalt?
• Interaction to Next Paint (INP): Reagiert die Seite, wenn ich tippe oder klicke?
• Cumulative Layout Shift (CLS): Bleibt alles an seinem Platz, oder springt die Seite?

Laut web.dev, der Entwicklerplattform von Google, wird jeder Wert am 75. Perzentil der Seitenaufrufe gemessen, getrennt nach Mobilgeräten und Desktop (Stand 2026). Das bedeutet: Mindestens drei von vier Aufrufen müssen den Grenzwert einhalten, damit eine Seite als gut gilt. Einzelne schnelle Tests am eigenen Büro-PC sagen deshalb wenig aus.

Warum das für Ihr Geschäft zählt

Laut der Dokumentation von Google Search Central entsprechen gute Core Web Vitals dem, was die Ranking-Systeme von Google belohnen sollen. Sie sind allerdings nur ein Aspekt der Seitenerfahrung unter mehreren, und relevante Inhalte bleiben die Grundlage. Wichtiger als jede Platzierung ist ohnehin der Besucher selbst: Wer warten muss oder sich vertippt, weil die Seite springt, fragt eher beim Mitbewerber an.

Der Largest Contentful Paint misst, wann das größte sichtbare Element im ersten Bildschirm fertig geladen ist. Meist ist das ein großes Titelbild oder die Headline. Für den Besucher ist das der Moment, in dem die Seite „da“ ist.

Laut web.dev gelten diese Grenzwerte (Stand 2026):

• Gut: bis 2,5 Sekunden
• Verbesserungswürdig: über 2,5 bis 4 Sekunden
• Schlecht: über 4 Sekunden

Typische Ursachen für einen schlechten LCP

• Zu große Bilder: ein Titelbild in Druckqualität statt in passender Größe und modernem Format.
• Langsamer Server: günstiges Hosting, das bei jedem Aufruf lange rechnet, bevor es antwortet.
• Blockierende Dateien: Schriften, Skripte und Stylesheets, die geladen werden müssen, bevor überhaupt etwas erscheint.
• Slider im Kopfbereich: mehrere große Bilder, obwohl nur eines zu sehen ist.

Interaction to Next Paint misst, wie lange es dauert, bis die Seite nach einem Klick, Tippen oder einer Tastatureingabe sichtbar reagiert. Berücksichtigt werden dabei die Interaktionen während des gesamten Besuchs, nicht nur die erste. Laut web.dev ist INP seit 2024 ein fester Bestandteil der Core Web Vitals und hat den früheren Wert First Input Delay abgelöst.

Die Grenzwerte laut web.dev (Stand 2026):

• Gut: bis 200 Millisekunden
• Verbesserungswürdig: über 200 bis 500 Millisekunden
• Schlecht: über 500 Millisekunden

Typische Ursachen für einen schlechten INP

Meist ist zu viel JavaScript im Spiel. Jedes Plugin, jeder Tracking-Code, jedes Chat-Fenster und jeder Seitenbaukasten bringt eigene Skripte mit, die das Smartphone abarbeiten muss. Solange es damit beschäftigt ist, wartet der Besucher auf eine Reaktion. Gerade bei älteren WordPress-Seiten mit vielen Erweiterungen ist das ein häufiger Grund für schlechte Werte.

Cumulative Layout Shift misst, wie stark sich sichtbare Inhalte während des Besuchs unerwartet verschieben. Jeder kennt das: Man will einen Link antippen, im letzten Moment lädt darüber ein Bild oder ein Banner, und man landet ganz woanders. Das ist ärgerlich und kostet Vertrauen.

Der Wert hat keine Einheit. Die Grenzwerte laut web.dev (Stand 2026):

• Gut: bis 0,1
• Verbesserungswürdig: über 0,1 bis 0,25
• Schlecht: über 0,25

Typische Ursachen für einen schlechten CLS

• Bilder ohne feste Maße: Der Browser weiß nicht, wie viel Platz er freihalten soll.
• Nachgeladene Elemente: Banner, Hinweisleisten oder eingebettete Inhalte, die sich nachträglich über den Text schieben.
• Webschriften: Die Ersatzschrift wird durch die eigentliche Schrift ersetzt, und der Text verändert seine Breite.

Für einen ersten Blick brauchen Sie weder Programmierkenntnisse noch kostenpflichtige Werkzeuge. Google stellt zwei kostenlose Tools bereit.

PageSpeed Insights

Unter pagespeed.web.dev geben Sie die Adresse einer Seite ein und erhalten eine Auswertung für Mobilgeräte und Desktop. Achten Sie auf zwei Bereiche: Oben stehen, sofern genügend Besucherzahlen vorliegen, die Felddaten echter Nutzer mit LCP, INP und CLS. Darunter folgt ein Labortest mit konkreten Hinweisen, was die Seite bremst. Entscheidend für die Bewertung sind die Felddaten.

Core-Web-Vitals-Bericht in der Google Search Console

Die Search Console zeigt nicht nur einzelne Seiten, sondern gruppiert alle Adressen Ihrer Website nach „Gut“, „Optimierung erforderlich“ und „Schlecht“. So erkennen Sie, ob ein Problem nur eine Unterseite betrifft oder die ganze Website, etwa weil alle Seiten dasselbe Theme nutzen. Voraussetzung ist, dass Ihre Website in der Search Console eingerichtet ist.

Kleinere Websites mit wenigen Besuchern haben manchmal zu wenige Daten für eine Auswertung. Dann liefert der Labortest in PageSpeed Insights zumindest eine Orientierung.

In unseren Projekten sehen wir immer wieder dieselben Muster. Mit dieser Liste können Sie einschätzen, wo Ihre Website steht, bevor Sie mit einer Agentur sprechen.

• Bilder: in der tatsächlich angezeigten Größe hochladen, in modernen Formaten wie WebP ausliefern und für Bilder weiter unten das verzögerte Laden aktivieren.
• Plugins und Skripte: alles entfernen, was nicht mehr gebraucht wird. Jedes Plugin sollte einen klaren Zweck haben.
• Hosting: ein Server, der schnell antwortet, und ein Cache, der fertige Seiten ausliefert, statt sie jedes Mal neu zu berechnen.
• Theme und Baukasten: Schwere Themes mit hunderten Funktionen laden vieles, das nie genutzt wird. Ein schlankes, individuelles Theme lädt nur, was die Seite braucht.
• Feste Platzhalter: Bilder, Videos und Banner mit festen Maßen einbinden, damit nichts springt.
• Externe Dienste: Karten, Videos und Tracking-Codes nur dort laden, wo sie wirklich gebraucht werden.

Reihenfolge zählt

Beginnen Sie mit den Seiten, die Anfragen bringen sollen: Startseite, wichtigste Leistungsseiten und Landingpages für Anzeigen. Eine schnelle Kontaktseite ist mehr wert als ein perfekter Wert auf einer Seite, die kaum jemand besucht.

Gute Core Web Vitals sind kein Selbstzweck. Sie sind die Grundlage dafür, dass Besucher überhaupt lange genug bleiben, um Ihr Angebot zu verstehen. Besonders auf dem Smartphone zählt jede Verzögerung. Mehr dazu lesen Sie in unserem Beitrag Warum mobile Optimierung überlebenswichtig ist.

Welche weiteren Bausteine eine Website braucht, damit aus Besuchern Anfragen werden, zeigen wir am Beispiel Handwerk im Beitrag Website für Handwerker: Was sie leisten muss.

Bei BLUE THE WEB ist Performance kein Zusatzauftrag, sondern Standard. Wir bauen auf einem eigenen WordPress-Theme statt auf einem Page-Builder: Es lädt nur, was die Seite braucht, bringt Module fürs Backend mit und lässt sich erweitern, ohne neu zu bauen. Barrierefreiheit nach WCAG 2.1 AA und SEO von Anfang an gehören ebenso dazu.

Zwei Wege zur schnellen Website

Unsere Festpreis-Pakete bringen Sie schnell online: Basic 64 €/Monat plus 499 € Setup, Advanced 129 € plus 999 €, Individual 329 € plus 1.999 €, alle zzgl. MwSt., online in 5, 10 oder 20 Werktagen, Wartung, Updates, Backups und Sicherheit inklusive. Individualprojekte mit eigenem Konzept, Schnittstellen oder Konfiguratoren setzen wir so um wie die meisten unserer Referenzen, etwa Relaunches mit ERP-Schnittstelle oder Online-Konfiguratoren. Corporate-Websites starten ab 10.000 € zzgl. MwSt.

Ein Paket passt, wenn Sie eine klare, schnelle Unternehmensseite brauchen. Ein Individualprojekt passt, wenn Ihre Website Abläufe, mehrere Zielgruppen oder Anbindungen abbilden soll.

Muss meine Website in PageSpeed Insights 100 Punkte erreichen?

Nein. Die Punktzahl stammt aus dem Labortest und dient der Orientierung. Für die Bewertung durch Google zählen die Core Web Vitals aus den Felddaten echter Besucher. Wichtig ist, dass LCP, INP und CLS im grünen Bereich liegen.

Warum sind meine Werte auf dem Handy schlechter als am Computer?

Smartphones haben weniger Rechenleistung und oft eine schwächere Verbindung. Skripte und große Bilder wirken sich dort deutlich stärker aus. Deshalb sollten Sie immer zuerst die mobilen Werte betrachten.

Wie schnell wirken sich Verbesserungen aus?

Der Labortest zeigt Änderungen sofort. Die Felddaten beruhen auf einem Zeitraum der zurückliegenden Wochen und passen sich daher erst nach und nach an. Planen Sie für die Kontrolle in der Search Console einige Wochen ein.

Kann ich die Core Web Vitals selbst verbessern?

Einzelne Punkte wie Bildgrößen oder überflüssige Plugins können Sie selbst angehen. Bei Theme, Hosting, Caching und Skripten ist Fachwissen gefragt, denn falsche Einstellungen können Funktionen der Seite beschädigen. Legen Sie vor jeder Änderung ein Backup an.