Website-Geschwindigkeit und Core Web Vitals: Ein praktischer Leitfaden

Drei Sekunden. So lange wartet ein Besucher ungefähr darauf, dass Ihre Seite geladen wird, bevor ein Großteil von ihnen aufgibt und geht. Nicht drei Minuten. Drei Sekunden. In einer Welt, in der Aufmerksamkeit die knappste Währung im Internet ist, entscheidet die Geschwindigkeit Ihrer Website im Stillen darüber, wie viele Kunden Sie behalten und wie viele Sie an einen schnelleren Konkurrenten verlieren.

Doch die Website-Geschwindigkeit wird immer noch als technische Fußnote behandelt – etwas, worum sich „die Entwickler“ kümmern müssen. Das ist ein kostspieliger Fehler. Geschwindigkeit ist eine Geschäftsmetrik. Sie beeinflusst, wie viele Menschen bleiben, wie viele kaufen und wie hoch Sie bei Google ranken. Dieser Leitfaden erklärt, was tatsächlich gemessen wird, warum es in konkreten Zahlen wichtig ist und was Sie ohne einen Informatik-Abschluss dagegen tun können.

Warum Geschwindigkeit Geld ist, keine Eitelkeit

Die Verbindung zwischen Geschwindigkeit und Ergebnissen ist eine der am konsequentesten dokumentierten Erkenntnisse im gesamten digitalen Marketing. Eine von Think with Google zusammengefasste Studie ergab, dass 53 % der mobilen Besucher eine Seite verlassen, deren Ladezeit länger als drei Sekunden dauert. Überlegen Sie, was das bedeutet: Sie können echtes Geld ausgeben, um Menschen durch Anzeigen oder Inhalte auf Ihre Website zu bringen, und verlieren die Hälfte davon direkt an der Tür, einfach weil die Seite langsam war.

Je langsamer Sie sind, desto schlimmer wird es. Googles Forschung ergab, dass die Wahrscheinlichkeit, dass ein Besucher abspringt, mit jeder zusätzlichen Sekunde Ladezeit steil ansteigt – die folgende Grafik zeigt, wie stark.

Der Schaden summiert sich im Moment des Kaufs. Wie das Baymard Institute dokumentiert, sind Probleme mit der Website-Performance ein wiederkehrender Grund, warum Käufer ihre Warenkörbe abbrechen – ein träger Checkout lässt Verkäufe im teuersten Moment der gesamten Customer Journey versiegen (siehe warum Kunden Warenkörbe abbrechen). Bei Geschwindigkeit geht es nicht darum, mit einem Performance-Score zu prahlen. Es geht darum, ob die Leute, die Sie mühsam angezogen haben, tatsächlich zu Kunden werden.

Lernen Sie die Core Web Vitals kennen

Jahrelang war „Seitenladezeit“ ein vager Begriff, der auf Dutzende verschiedene Arten gemessen wurde. Dann standardisierte Google ihn in drei Metriken, die es die Core Web Vitals nennt – eine gemeinsame Sprache dafür, wie sich eine Seite für eine reale Person anfühlt. Die folgende Tabelle fasst zusammen, was jede Metrik misst und welche Ziele Google setzt.

Largest Contentful Paint (LCP): Wie schnell erscheint der Hauptinhalt?

LCP misst, wie lange es dauert, bis das größte, wichtigste Element auf dem Bildschirm – normalerweise ein Hero-Bild oder eine Überschrift – geladen wird. Es beantwortet die erste ungeduldige Frage des Besuchers: „Lädt dieses Ding oder nicht?“ Google betrachtet einen LCP von 2,5 Sekunden oder weniger als gut. Alles über vier Sekunden ist schlecht, und Sie verlieren Menschen.

Interaction to Next Paint (INP): Wie schnell reagiert die Seite, wenn ich tippe?

INP misst die Reaktionsfähigkeit – die Verzögerung zwischen dem Tippen oder Klicken eines Besuchers und der tatsächlichen Reaktion der Seite. Eine Website kann schnell laden und sich dennoch träge und unreaktiv anfühlen, sobald man sie benutzt, und genau das erfasst INP. Ein guter INP liegt bei 200 Millisekunden oder weniger. Diese Metrik ist es wert, beachtet zu werden, weil sie neu ist: Im März 2024 ersetzte Google seine ältere Metrik für Reaktionsfähigkeit, First Input Delay, durch INP, was die Messlatte für ein reibungsloses Erlebnis höher legte.

Cumulative Layout Shift (CLS): Verschiebt sich die Seite beim Laden?

Das kennen wir alle: Man möchte einen Button antippen, eine Anzeige oder ein Bild lädt verspätet, das Layout verschiebt sich, und man tippt auf das Falsche. CLS misst diese visuelle Instabilität. Ein guter CLS liegt bei 0,1 oder weniger – je niedriger, desto stabiler. Abgesehen davon, dass es lästig ist, untergräbt die Layoutverschiebung das Vertrauen und führt zu Fehlklicks, die Sie Verkäufe kosten.

Geschwindigkeit ist jetzt ein Ranking-Faktor

Hier kommt der Teil, der Geschwindigkeit von einer UX-Schönheit zu einer Marketing-Priorität macht: Google verwendet diese Metriken als Teil seiner Signale zur Seitenerfahrung, wenn es entscheidet, wie Seiten gerankt werden. Es ist nicht der größte Einzelfaktor – relevante, qualitativ hochwertige Inhalte sind immer noch führend –, aber wenn zwei Seiten ansonsten vergleichbar sind, hat die schnellere, reibungslosere den Vorteil. Eine langsame Website kämpft im Bereich SEO mit einer Hand auf dem Rücken, was jede andere Anstrengung, die Sie in die Sichtbarkeit in Suchmaschinen investieren, untergräbt.

Was schnellere Seiten tatsächlich wert sind

Abstrakte Gespräche über Millisekunden können sich vom Endergebnis abgekoppelt anfühlen, daher machen wir es konkret. Stellen Sie sich ein Geschäft vor, das monatlich 10.000 Besucher hat und dessen Kasse langsam lädt. Wenn auch nur ein kleiner Bruchteil dieser Besucher wegen dieser Verzögerung abbricht – und die Forschung sagt, dass es weit mehr als ein kleiner ist –, verlieren Sie Dutzende oder Hunderte potenzieller Bestellungen jeden Monat, Monat für Monat, ohne die verlorenen Kunden jemals zu sehen. Sie verschwinden einfach, bevor sie Sie erreichen.

Jetzt drehen wir es um. Der gleiche Traffic, die gleichen Produkte, aber ein schnelles, stabiles Erlebnis, das die Leute bis zum Kauf hält. Nichts an Ihrem Marketing hat sich geändert, und doch steigen Ihre Einnahmen, weil Sie aufgehört haben, Kunden an der Tür zu verlieren. Das macht Geschwindigkeit zu einer so ungewöhnlichen Investition: Sie erfordert keinen höheren Traffic, kein größeres Werbebudget oder ein neues Produkt. Sie stellt einfach den Wert wieder her, den Sie bereits generieren und stillschweigend verlieren. Für die meisten Unternehmen ist das das billigste Wachstum, das es gibt.

Was Websites tatsächlich langsam macht

Langsamkeit hat selten eine einzige dramatische Ursache. Es ist meist eine Ansammlung kleiner Sünden. Die häufigsten Übeltäter sind es wert, bekannt zu sein, denn sie sind auch die am besten behebbaren.

Überdimensionierte Bilder. Das ist mit Abstand der größte Übeltäter. Ein einziges riesiges, unkomprimiertes Foto kann Ihren Ladezeiten mehr Schaden zufügen als alles andere zusammen.

Zu viel Code, zur falschen Zeit geladen. Schwere Themes, eine Armee von Plugins, Drittanbieter-Skripte und Tracking-Tags erhöhen alle das Gewicht, und vieles davon lädt, bevor die Seite überhaupt nutzbar ist.

Billiges oder entferntes Hosting. Wenn Ihr Server langsam oder weit von Ihren Besuchern entfernt ist, beginnt jede Seite im Nachteil, bevor ein einziges Bild geladen wird.

Kein Caching. Ohne Caching baut Ihre Website jede Seite für jeden Besucher von Grund auf neu auf, anstatt eine fertige Kopie bereitzustellen.

Automatisch abspielende Videos und Animationen. Auffällige Effekte wirken modern, bis sie die Seite auf einem Mittelklasse-Telefon über mobile Daten zum Stillstand bringen.

So messen Sie Ihre eigene Geschwindigkeit

Man kann nicht beheben, was man nicht misst, und die gute Nachricht ist, dass die besten Tools kostenlos sind. Googles PageSpeed Insights liefert Ihnen die Core Web Vitals für jede Seite zusammen mit spezifischen, priorisierten Empfehlungen. Dieselben Daten erscheinen in der Google Search Console, die über die Zeit Performance-Probleme auf Ihrer gesamten Website aufzeigt. Führen Sie Ihre wichtigsten Seiten – Ihre Startseite, Ihre Top-Produkt- oder Dienstleistungsseiten, Ihren Checkout – aus, und Sie werden in der Regel feststellen, dass eine Handvoll Probleme für den größten Teil der Verzögerung verantwortlich sind. Kombinieren Sie diese technischen Messwerte mit Ihren eigenen Website-Analysen, die zeigen, wie sich echte Besucher verhalten, wenn Seiten langsam sind: der Absprung, das abgebrochene Formular, der unvollendete Checkout.

Wie Sie Ihre Website schneller machen

Sie müssen nicht alles beheben, um einen Unterschied zu spüren. Die Bekämpfung der größten Übeltäter bringt in der Regel den größten Gewinn.

1. Komprimieren und skalieren Sie Ihre Bilder. Stellen Sie Bilder bereit, die nicht größer sind als angezeigt, in modernen Formaten und komprimiert. Dieser einzige Schritt verwandelt die meisten langsamen Websites.
2. Entfernen Sie unnötigen Code. Entfernen Sie Plugins und Skripte, die Sie nicht wirklich benötigen, und laden Sie unwesentliche später, damit sie das Erscheinen der Seite nicht blockieren.
3. Caching aktivieren. Lassen Sie wiederkehrende Besucher und Ihren Server vorgefertigte Kopien Ihrer Seiten wiederverwenden, anstatt sie jedes Mal neu aufzubauen.
4. Gutes Hosting und ein Content Delivery Network nutzen. Qualitativ hochwertiges Hosting und ein CDN, das Ihre Website von Standorten in der Nähe Ihrer Besucher aus bereitstellt, verkürzen die Zeit, bevor überhaupt etwas zu laden beginnt.
5. Platz für Elemente reservieren. Wenn Sie dem Browser mitteilen, wie viel Platz Bilder und Anzeigen einnehmen werden, verhindert dies, dass die Seite hin und her springt, und behebt die meisten Probleme mit Layoutverschiebungen.
6. Langfristig schlank bleiben. Geschwindigkeit ist keine einmalige Angelegenheit. Seiten blähen sich auf, wenn Inhalte und Plugins akkumulieren, weshalb eine fortlaufende Website-Wartung für die Performance wichtig ist, nicht nur für die Sicherheit.

Geschwindigkeits-Mythen, die Ihre Zeit verschwenden

Einige hartnäckige Mythen verleiten Menschen dazu, die falschen Lösungen zu suchen, daher lohnt es sich, sie auszuräumen.

„Eine perfekte Punktzahl ist das Ziel.“ Ist es nicht. Eine makellose Zahl in einem Test-Tool zu jagen, kann Stunden kosten für Gewinne, die kein echter Besucher bemerken wird. Zielen Sie auf „gut“ bei den Core Web Vitals und ein wirklich schnelles Gefühl, dann hören Sie auf zu polieren und kehren Sie zu Ihrem Geschäft zurück.

„Meine Seite fühlt sich für mich schnell an, also ist es in Ordnung.“ Sie testen auf einem schnellen Gerät, einer guten Verbindung und einer Version der Seite, die Ihr Browser bereits gecacht hat. Ihre Kunden tun das nicht. Testen Sie immer auf einem Mittelklasse-Telefon über mobile Daten, um zu sehen, was sie tatsächlich erleben.

„Geschwindigkeit ist ausschließlich ein Entwicklerproblem.“ Die größte einzelne Lösung – die richtige Größe Ihrer Bilder – ist normalerweise eine Inhaltsentscheidung, keine Code-Entscheidung. Viele Geschwindigkeitsgewinne sind für denjenigen erreichbar, der die Website täglich verwaltet.

Geschwindigkeit, Mobilgeräte und das größere Bild

Geschwindigkeit und Mobilgeräte sind untrennbar miteinander verbunden. Der Großteil Ihres Traffics kommt von Telefonen, oft mit unvollkommenen Verbindungen, und genau dort richten langsame Websites den größten Schaden an – deshalb ist Performance ein Eckpfeiler des Mobile-First Webdesigns. Es prägt auch die Entscheidung zwischen selbst bauen und kaufen: Eine gut gebaute Website, sei es aus einer Vorlage oder einem benutzerdefinierten Design, betrachtet Geschwindigkeit von Anfang an als Anforderung und nicht als Problem, das später behoben werden muss (siehe Website-Builder vs. benutzerdefiniertes Webdesign). Und da eine schnelle, stabile Website Besucher dazu bringt, eine Aktion auszuführen, anstatt abzuspringen, ist Geschwindigkeit einer der direktesten Hebel, den Sie haben, um Traffic überhaupt in Umsatz umzuwandeln (siehe was eine gute Website beinhalten sollte).

Häufig gestellte Fragen

Das Fazit

Die Website-Geschwindigkeit ist kein technisches Detail, das man delegieren und vergessen kann. Sie entscheidet, ob Besucher bleiben oder abspringen, ob Käufer den Kauf abschließen und wie gut Sie im Suchmaschinen-Ranking abschneiden. Die Core Web Vitals von Google geben Ihnen ein klares, einfaches Ziel vor: Laden Sie den Hauptinhalt innerhalb von 2,5 Sekunden, reagieren Sie innerhalb von 200 Millisekunden auf Berührungen und verhindern Sie, dass die Seite hin- und herspringt. Messen Sie mit kostenlosen Tools, beheben Sie zuerst die größten Übeltäter – fast immer Ihre Bilder – ignorieren Sie die Mythen und betrachten Sie die Geschwindigkeit als die fortlaufende Disziplin, die sie ist. In einer Drei-Sekunden-Welt gewinnt die schnelle Website.

Wenn Sie eine Leistungsüberprüfung Ihrer Website und einen Plan zur Behebung der Verlangsamungen wünschen, können Sie untersuchen, wie ein individueller Webdesign-Service vorgeht oder Kontakt aufnehmen.

Referenzen

1. Google / web.dev. „Web Vitals“ (LCP-, INP-, CLS-Schwellenwerte). web.dev.
2. Google Search Central. „Page Experience.“ developers.google.com.
3. Think with Google. „Mobile Page Speed: New Industry Benchmarks.“ thinkwithgoogle.com.
4. Baymard Institute. „Cart Abandonment Rate Statistics.“ baymard.com.