Website-Ladezeit verbessern: Core Web Vitals verständlich erklärt

Stell dir vor, ein möglicher Kunde sucht unterwegs auf dem Handy nach einem Betrieb wie deinem. Er tippt auf dein Suchergebnis, und dann passiert erst einmal nichts. Ein weißer Bildschirm, ein halb geladenes Bild, ein Knopf, der nicht reagiert. Viele Menschen warten in so einem Moment nicht lange. Sie tippen zurück und nehmen das nächste Ergebnis.

Genau deshalb ist die Ladezeit kein Detail für Techniker. Sie ist der erste Eindruck, den deine Webseite macht, noch bevor ein einziger Satz gelesen wurde. Eine schnelle Seite wirkt aufgeräumt und professionell. Eine langsame Seite wirkt, als würde sich niemand um sie kümmern, auch wenn das gar nicht stimmt.

Dazu kommt Google. Die Suchmaschine will ihren Nutzern Seiten zeigen, die nicht nur inhaltlich passen, sondern auch gut zu bedienen sind. Mit den Core Web Vitals hat Google dafür drei Messwerte festgelegt, die du selbst prüfen kannst. Wer sie versteht, weiß ziemlich genau, wo seine Seite bremst.

Die gute Nachricht: Die meisten Probleme haben wenige, bekannte Ursachen. Du musst kein Entwickler sein, um sie zu erkennen. Du musst nur wissen, worauf du schauen solltest.

Core Web Vitals heißt übersetzt etwa „zentrale Lebenszeichen einer Webseite“. Gemeint sind drei Werte, die jeweils eine andere Frage beantworten, die sich jeder Besucher unbewusst stellt.

LCP: Ist der wichtigste Inhalt schnell da?

Largest Contentful Paint misst, wann das größte Bild oder der größte Textblock im sichtbaren Bereich fertig angezeigt wird. Auf vielen Seiten ist das das große Foto ganz oben oder die Hauptüberschrift. Für den Besucher ist das der Moment, in dem er das Gefühl hat: Die Seite ist da.

INP: Reagiert die Seite, wenn ich etwas tue?

Interaction to Next Paint misst, wie schnell die Seite auf Klicks, Tippen und Tastatureingaben sichtbar reagiert, und zwar über den ganzen Besuch hinweg. Ein Menü, das sich erst nach einer gefühlten Ewigkeit öffnet, oder ein Formularfeld, in dem die Buchstaben verzögert erscheinen, verschlechtern diesen Wert. Seit 2024 ersetzt INP den früheren Wert FID.

CLS: Bleibt die Seite ruhig?

Cumulative Layout Shift misst, wie stark sich Inhalte während des Ladens unerwartet verschieben. Jeder kennt das: Du willst auf einen Link tippen, und genau in diesem Moment rutscht alles nach unten, weil oben ein Bild oder ein Banner nachgeladen wurde. Du triffst den falschen Knopf. Genau das bestraft dieser Wert.

Wichtig ist der Gedanke dahinter: Die drei Werte messen keine Technik um ihrer selbst willen, sondern das, was ein Mensch auf deiner Seite erlebt. Laden, Reagieren, Ruhigbleiben. Wenn du diese drei Erlebnisse im Kopf behältst, verstehst du auch jeden Testbericht.

Google schreibt in seiner Dokumentation, dass gute Core Web Vitals zusammen mit anderen Aspekten der Nutzererfahrung zu dem passen, was die Rankingsysteme belohnen wollen. Gleichzeitig empfiehlt Google ausdrücklich, gute Werte zu erreichen.

Das heißt aber nicht, dass eine schnelle Seite automatisch auf Platz eins steht. Der wichtigste Faktor bleibt der Inhalt: Beantwortet deine Seite die Frage, die jemand bei Google eingetippt hat? Die Ladezeit entscheidet eher darüber, ob ein Besucher bleibt und ob deine Seite im Vergleich mit ähnlich guten Seiten einen Vorteil hat.

Für Betriebe ist deshalb eine ganz praktische Sicht sinnvoll. Eine langsame Seite kostet dich auf zwei Wegen:

• Bei Google

  Wenn deine Seite bei der Nutzererfahrung schlecht abschneidet, verschenkst du einen Punkt, der in engen Wettbewerben den Ausschlag geben kann.

• Beim Besucher

  Wer wartet, springt eher ab. Jeder Besucher, der vor dem ersten Eindruck wieder weg ist, ist eine Anfrage, die nie bei dir ankommt.

Die Ladezeit ist damit ein Teil der technischen Grundlage, auf der jede Suchmaschinenoptimierung aufbaut. Wie das mit Inhalten, Struktur und lokalem Bezug zusammenspielt, erklären wir auf unserer Seite zur SEO Agentur.

Bevor du etwas verbesserst, solltest du wissen, wo du stehst. Dafür brauchst du zwei kostenlose Werkzeuge von Google. Beide zeigen dir Core Web Vitals, aber aus unterschiedlichen Blickwinkeln.

PageSpeed Insights

Auf pagespeed.web.dev gibst du die Adresse einer einzelnen Seite ein. Oben siehst du, wenn genug Besucher da waren, echte Nutzerdaten aus dem Chrome-Browser (Felddaten). Darunter steht ein Labortest, bei dem Google die Seite unter festgelegten Bedingungen simuliert, mit einer Punktzahl und einer Liste konkreter Hinweise. Du kannst zwischen Handy und Rechner umschalten.

Search Console

In der Google Search Console findest du den Bericht „Core Web Vitals“. Er zeigt keine einzelne Seite, sondern fasst ähnliche Seiten deiner Website zu Gruppen zusammen und bewertet sie mit Gut, Optimierung erforderlich oder Langsam, getrennt nach Handy und Rechner. Die Grundlage sind echte Nutzerdaten.

Der wichtigste Unterschied, den viele übersehen: Felddaten zeigen, wie deine Seite bei echten Menschen mit echten Handys und echten Verbindungen läuft. Labordaten sind eine Simulation. Sie eignen sich hervorragend, um Ursachen zu finden, aber die Punktzahl im Labortest ist nicht das, was Google für die Bewertung der Nutzererfahrung heranzieht. Eine rote Zahl im Labor ist ein Hinweis, kein Urteil.

Bei kleineren Webseiten kann es passieren, dass PageSpeed Insights oder die Search Console keine Felddaten anzeigen. Dann waren schlicht zu wenige Besucher mit Chrome auf der Seite, um eine Auswertung zu erstellen. In diesem Fall orientierst du dich am Labortest und prüfst vor allem die Handy-Ansicht.

Wenn eine Seite langsam ist, liegt es selten an einer geheimnisvollen Ursache. Fast immer ist es eine Mischung aus wenigen bekannten Bremsen. Diese sechs begegnen dir am häufigsten:

• 01

  Zu große Bilder

  Ein Foto direkt aus der Kamera oder vom Handy ist oft um ein Vielfaches größer, als die Seite braucht. Moderne Formate wie WebP oder AVIF, passende Abmessungen für Handy und Rechner und eine saubere Komprimierung sparen viel Datenmenge, ohne dass man den Unterschied sieht.

• 02

  Zu viele Skripte

  Tracking, Chat-Fenster, Cookie-Banner, Social-Media-Einbindungen, Schriftarten von fremden Servern: Jedes Skript will geladen und ausgeführt werden. Gerade Skripte von Drittanbietern blockieren den Browser oft genau dann, wenn der Besucher tippen oder scrollen will.

• 03

  Langsames Hosting

  Bevor überhaupt etwas angezeigt wird, muss der Server antworten. Ein überlasteter Server, fehlendes Caching oder ein Standort weit weg von deinen Besuchern verlängern diese Wartezeit bei jedem einzelnen Aufruf.

• 04

  Schriften, die spät kommen

  Eigene Schriftarten machen eine Seite unverwechselbar, aber sie müssen geladen werden. Zu viele Schnitte, fehlende Vorgaben für die Anzeige während des Ladens oder Schriften von fremden Servern führen zu unsichtbarem Text oder zu springenden Zeilen.

• 05

  Schwere Baukästen und Plugins

  Viele Baukästen und Themes laden Funktionen auf jeder Seite, auch wenn sie dort gar nicht gebraucht werden. Mit jedem zusätzlichen Plugin wächst die Menge an Code, die der Browser verarbeiten muss.

• 06

  Videos und Karten im ersten Blick

  Ein eingebettetes Video oder eine Karte bringt oft eine ganze Anwendung mit. Wer sie sofort beim Öffnen lädt, statt erst dann, wenn der Besucher sie anklickt oder in ihre Nähe scrollt, bremst den ersten Eindruck.

Oft sind es nicht die großen Entscheidungen, sondern viele kleine Ergänzungen über die Jahre. Hier ein neues Plugin, dort ein Widget, ein großes Titelbild für die Aktion im Frühjahr. Jede einzelne Änderung scheint harmlos, zusammen machen sie die Seite träge.

Jeder der drei Werte hat seine eigenen Stellschrauben. Wenn du weißt, welcher Wert rot ist, weißt du auch, wo du ansetzen solltest.

LCP verbessern

Mach das große Bild im ersten Blick so klein wie möglich, ohne dass es unscharf wird, und lade es nicht verzögert. Verzögertes Laden (Lazy Loading) ist für Bilder weiter unten richtig, für das Titelbild aber eine Bremse. Sorge für eine schnelle Serverantwort und entferne alles, was vor dem Hauptinhalt geladen werden muss, aber nicht gebraucht wird.

INP verbessern

Weniger JavaScript ist der wirksamste Hebel. Prüfe jedes Skript von Drittanbietern: Brauchst du das Chat-Fenster, das zweite Statistik-Werkzeug, die Einbindung aus sozialen Netzwerken wirklich? Was bleibt, sollte möglichst spät laden. Auch aufwendige Animationen, die beim Scrollen ständig berechnet werden, können die Reaktion verzögern.

CLS verbessern

Gib jedem Bild, jedem Video und jeder Einbindung feste Abmessungen, damit der Browser den Platz schon vor dem Laden reserviert. Blende Banner und Hinweise so ein, dass sie keine Inhalte verschieben. Lade Schriften so, dass der Wechsel von der Ersatzschrift zur eigentlichen Schrift die Zeilen nicht verrückt.

Nicht jede Maßnahme ist gleich viel wert. Ein sinnvoller Weg ist, mit den einfachen und wirksamen Dingen anzufangen: Bilder verkleinern, unnötige Skripte entfernen, feste Abmessungen setzen. Danach lohnt sich der Blick auf Hosting und Aufbau der Seite.

Auch aufwendige Inhalte wie 3D-Ansichten müssen eine Seite nicht ausbremsen. Bei unseren 3D-Konfiguratoren laden wir die 3D-Technik zum Beispiel erst, wenn sie gebraucht wird. Das Prinzip gilt für alles Schwere auf einer Seite: Erst kommt, was der Besucher sofort sieht, der Rest folgt, wenn er ihn braucht.

Mit dieser Liste kannst du deine Seite selbst durchgehen oder mit der Person besprechen, die deine Webseite betreut:

Viele Webseiten sind beim Start schnell und werden mit der Zeit langsamer. Neue Bilder werden ohne Bearbeitung hochgeladen, Plugins kommen dazu, ein Werkzeug für Statistik wird eingebaut und nie wieder entfernt. Deshalb ist Ladezeit keine Aufgabe, die man einmal erledigt, sondern ein Teil der laufenden Pflege.

In unserer Webseitenpflege gehört deshalb die technische Überwachung von Erreichbarkeit und Ladezeit dazu, neben Updates, Sicherungen und Hosting. Wer seine Webseite lieber ganz abgeben möchte, bekommt im Website-Abo Hosting auf schnellen, sicheren Servern, Wartung und Änderungen aus einer Hand.

Jede neue Webseite von uns bekommt außerdem eine SEO-Grundoptimierung mit sauberer Technik und schnellen Ladezeiten. Mehr dazu, wie wir Webseiten aufbauen, findest du auf unserer Seite zum Webdesign.

Die wichtigsten Punkte aus diesem Artikel noch einmal zusammengefasst:

• Die Core Web Vitals messen drei Dinge, die jeder Besucher spürt: wie schnell der wichtigste Inhalt da ist (LCP), wie schnell die Seite reagiert (INP) und wie ruhig sie beim Laden bleibt (CLS).
• Google empfiehlt gute Werte, wertet aber echte Nutzerdaten aus. Entscheidend ist, wie deine Seite bei deinen Besuchern läuft, nicht eine einzelne Messung im Labor.
• Die häufigsten Bremsen sind bekannt: große Bilder, zu viele Skripte, langsames Hosting, Schriften und schwere Baukästen.
• Ladezeit ist keine einmalige Aufgabe. Jedes neue Bild, Plugin oder Skript kann die Werte wieder verschlechtern, deshalb lohnt sich ein regelmäßiger Blick.