Zum Inhalt springen
Zurück zum Blog
Teilen

PageSpeed & Core Web Vitals: Warum Ladezeit bares Geld ist

Nutzer sehen keinen PageSpeed-Score. Sie spüren aber jede Verzögerung: ein leeres Titelbild, einen trägen Button oder ein Formular, das beim Tippen verrutscht. Genau dort entstehen Zweifel, Unterbrechungen und unnötige Reibung.

· 6 Min. Lesezeit

Performance-Spezialist optimiert LCP, INP und CLS einer Unternehmenswebsite
Mithilfe von KI erstellt

Website-Geschwindigkeit ist deshalb kein Wettbewerb um eine grüne Zahl. Sie ist Teil der Nutzerführung. Wer sie verbessern möchte, muss verstehen, was gemessen wird, welche Seiten geschäftlich wichtig sind und welche Ursache tatsächlich die Nutzung behindert. Erst danach beginnt sinnvolle Optimierung.

PageSpeed-Score, Labor und echte Nutzung unterscheiden

PageSpeed Insights zeigt unterschiedliche Perspektiven. Lighthouse untersucht eine Seite unter simulierten Bedingungen und berechnet unter anderem einen Performance-Score. Dieser Labortest hilft bei der Fehlersuche, bildet aber nicht jeden Besucher, jedes Gerät oder jede Interaktion ab.

Felddaten beschreiben dagegen Erfahrungen echter Nutzer. PageSpeed Insights kann dafür Daten aus dem Chrome User Experience Report anzeigen, sofern ausreichend Daten vorliegen. Sie werden über einen zurückliegenden Zeitraum zusammengefasst; deshalb erscheint eine Verbesserung nicht sofort vollständig in dieser Auswertung.

Achten Sie darauf, ob Daten für die konkrete URL oder für die gesamte Herkunft angezeigt werden. Fehlen Felddaten, heißt das nicht automatisch, dass die Website langsam ist. Es fehlt zunächst eine ausreichende Messgrundlage. Ebenso ist ein hoher Laborscore weder Umsatznachweis noch Beleg für gute Inhalte.

Die drei aktuellen Core Web Vitals

1. LCP: Wie schnell erscheint der Hauptinhalt?

Largest Contentful Paint misst, wann das größte relevante Bild- oder Textelement im sichtbaren Bereich dargestellt wird. Häufig ist das ein Titelbild oder eine große Überschrift. Ein guter LCP liegt bei höchstens 2,5 Sekunden.

Prüfen Sie das tatsächlich gemessene Element. Wenn das Titelbild erst spät angefordert wird, hilft es wenig, zuerst kleine Symbole weiter unten zu optimieren. Serverantwort, Ressourcenentdeckung und Bildübertragung können gemeinsam den LCP verzögern.

2. INP: Wie schnell reagiert die Seite?

Interaction to Next Paint bewertet die Reaktionsfähigkeit bei Klicks, Tipps und Tastatureingaben während des Besuchs. Gemessen wird die Verzögerung bis zur nächsten sichtbaren Darstellung nach einer Interaktion. Gut ist ein INP von höchstens 200 Millisekunden.

Lange JavaScript-Aufgaben können beispielsweise einen Menübutton blockieren. INP ist kein einfacher Ladezeitwert und lässt sich nicht vollständig durch einen einzelnen Seitenaufruf im Labor beurteilen. Testen Sie wichtige Interaktionen, nicht nur das Öffnen der Startseite.

3. CLS: Bleibt das Layout an seinem Platz?

Cumulative Layout Shift erfasst unerwartete Layoutverschiebungen. Ein guter CLS liegt bei höchstens 0,1. Dieser Wert ist keine Zeitangabe. Er beschreibt, wie stark sichtbare Inhalte durch unerwartete Verschiebungen beeinträchtigt werden.

Typische Ursachen sind Bilder ohne reservierten Platz, nachgeladene Einbettungen oder ein Schriftwechsel mit anderen Zeichenmaßen. Wenn der Absenden-Button beim Laden verrutscht, ist das nicht nur optisch störend, sondern kann eine Handlung unmittelbar behindern.

Was das 75. Perzentil bedeutet

Für die Bewertung werden die Schwellen am 75. Perzentil der Aufrufe betrachtet, getrennt nach Mobilgeräten und Desktop. Vereinfacht: Mindestens drei Viertel der gemessenen Erfahrungen sollten den jeweiligen guten Grenzwert erreichen. Ein einzelner schneller Test reicht dafür nicht.

Die Core-Web-Vitals-Bewertung verlangt gute Werte für alle drei Kennzahlen. Beurteilen Sie trotzdem die einzelnen Ursachen, statt aus einem Gesamtstatus pauschal auf die gesamte Qualität Ihrer Website zu schließen.

Welche Rolle spielt das bei Google?

Google erklärt, dass Core Web Vitals von seinen Ranking-Systemen verwendet werden. Sie gehören zum Kontext der Page Experience, sind aber kein Ersatz für relevante Inhalte und eine passende Antwort auf die Suchanfrage.

Perfekte Werte garantieren weder eine bestimmte Position noch einen Rankinggewinn. Eine schnelle Seite mit oberflächlichem Inhalt bleibt oberflächlich. Technische Verbesserung und fachlicher Nutzen sollten deshalb zusammen geplant werden, nicht gegeneinander ausgespielt.

Warum langsame Websites geschäftlich schaden können

Ein langsamer Ersteindruck unterbricht die Orientierung. Mobile Besucher erleben Verzögerungen je nach Verbindung und Gerät besonders deutlich. Wer erst warten muss, bevor Leistungen, Referenzen oder Preise lesbar werden, hat weniger Anlass, sich weiter mit dem Angebot zu beschäftigen.

Träge Formulare, verspätete Buchungsansichten und unruhige Layouts erzeugen weitere Reibung. Das kann Anfragen oder Käufe verhindern. Wie stark dieser Effekt in Ihrem Unternehmen ist, lässt sich nicht seriös mit einer beliebigen Prozentzahl behaupten: Beobachten Sie tatsächliche Abschlüsse und Nutzerprobleme.

Typische Ursachen statt pauschaler Schuldzuweisung

  • Übergroße Bilder und Videos übertragen mehr Daten als für die Darstellung nötig.
  • Drittanbieter-Skripte belasten Netzwerk und Verarbeitung, manchmal erst nach Einwilligung.
  • Ungünstig geladene Fonts verzögern Text oder verändern das Layout.
  • Umfangreiches JavaScript und schwere Animationen blockieren Interaktionen.
  • Langsame Serverantworten und fehlendes Caching bremsen den gesamten Start.
  • Medien und Einbettungen ohne reservierte Maße verursachen Layoutsprünge.

Nicht jede Website hat jedes Problem. Eine Liste von Werkzeugempfehlungen ersetzt deshalb keine Untersuchung der konkreten Seite. Prüfen Sie auch, ob Probleme nur mit aktivierten externen Diensten auftreten.

Optimieren in der richtigen Reihenfolge

Beginnen Sie mit realen Daten und den wichtigsten Seitentypen: Einstieg, Leistungsseite, Produkt, Kontakt oder Buchung. Finden Sie das LCP-Element und untersuchen Sie, wann und warum es erscheint. Priorisieren Sie Maßnahmen nach beobachteter Wirkung und Aufwand.

Bilder sollten in passenden Größen ausgeliefert werden, beispielsweise als WebP oder AVIF mit geeigneten Varianten für unterschiedliche Bildschirme. Wichtige sichtbare Bilder dürfen nicht unnötig verzögert laden. Weiter unten kann Lazy Loading sinnvoll sein.

Prüfen Sie kritische Ressourcen und reduzieren Sie unnötige Skripte. Laden Sie nur benötigte Schriftdateien und vermeiden Sie vermeidbare Schriftwechsel. Reservieren Sie feste Medienmaße oder passende Seitenverhältnisse, damit das Layout stabil bleibt.

Untersuchen Sie anschließend Hosting, CDN und Caching. Teilen Sie lange Rechenaufgaben auf und begrenzen Sie aufwendige Animationen. Testen Sie auf realistischen Mobilgeräten mit wichtigen Menüs, Formularen und Einwilligungszuständen. Ein schneller Entwicklerrechner kann Probleme verdecken.

Nicht blind auf 100 Punkte optimieren

Ein wichtiger Buchungsablauf, eine verständliche Darstellung oder ein aussagekräftiges Referenzbild sollte nicht allein für eine höhere Testzahl verschwinden. Optimieren Sie die technische Umsetzung zuerst. Erst wenn der Nutzen einer Funktion ihre Belastung nicht rechtfertigt, ist Entfernen eine sinnvolle Entscheidung.

Manche Maßnahmen verbessern den Laborscore, ohne das eigentliche Nutzerproblem zu lösen. Andere machen eine entscheidende Interaktion spürbar besser, obwohl sich die Gesamtzahl wenig verändert. Halten Sie Ziel und Messsignal deshalb für jede Änderung fest.

Ein wiederholbarer Messprozess

Nutzen Sie PageSpeed Insights für einzelne URLs und die Search Console für auffällige URL-Gruppen. Testen Sie vor und nach einer Änderung mehrfach unter vergleichbaren Bedingungen. Dokumentieren Sie Zeitpunkt, Seitentyp und die geänderte Ursache.

Prüfen Sie anschließend die Entwicklung der Felddaten, sobald neue Erfahrungen eingeflossen sind. Beobachten Sie daneben reale Anfragen und Abschlüsse nur mit einem passenden Datenschutz- und Einwilligungssetup. Steigende Conversion ist nicht automatisch allein der Performance zuzuschreiben; auch Kampagnen und Inhalte verändern Ergebnisse.

Kurze Performance-Checkliste

  • ☐ Labor- und Felddaten sowie URL- und Herkunftsdaten unterschieden.
  • ☐ Wichtigste Seiten und Interaktionen geprüft.
  • ☐ LCP-Element gefunden und Bildgrößen optimiert.
  • ☐ Skripte, Fonts und lange Aufgaben reduziert.
  • ☐ Platz für Bilder und Einbettungen reserviert.
  • ☐ Server, CDN und Caching kontrolliert.
  • ☐ Änderungen mobil erneut getestet und Ergebnisse dokumentiert.

Fazit: Geschwindigkeit gehört zur Nutzerführung

Performance ist keine technische Kosmetik. Sie entscheidet mit darüber, ob Menschen Inhalte wahrnehmen und ihre Aufgabe ohne Hindernisse erledigen können. Wir prüfen zuerst die relevanten Nutzerwege und priorisieren dann die Maßnahmen, die dort tatsächlich helfen.

Website-Performance prüfen lassen

FAQ zu PageSpeed und Core Web Vitals

Was ist ein guter PageSpeed-Score?

Lighthouse kennzeichnet 90 bis 100 Punkte als guten Bereich. Das ist eine Laborbewertung. Für den Alltag zählen zusätzlich Felddaten, stabile Interaktionen und funktionierende geschäftliche Abläufe.

Warum unterscheiden sich Mobil und Desktop?

Labortests verwenden unterschiedliche Geräte- und Netzwerkbedingungen. Auch echte Besucher nutzen unterschiedliche Hardware und Verbindungen. Eine mobile Schwäche kann deshalb bestehen, obwohl der Desktop gut abschneidet.

Sind Core Web Vitals ein Rankingfaktor?

Google verwendet sie in seinen Ranking-Systemen. Gute Werte sind sinnvoll, garantieren aber keine Position. Relevanz, Inhalt und weitere Signale bleiben entscheidend.

Reicht es, Bilder zu verkleinern?

Manchmal lösen passende Bildgrößen das Hauptproblem. Bei trägen Interaktionen oder langsamer Serverantwort reicht das nicht. Entscheidend ist die gemessene Ursache, nicht eine pauschale Optimierungsliste.

Muss die Website 100 Punkte erreichen?

Nein. Ein perfekter Testwert ist kein Geschäftsziel. Streben Sie gute reale Nutzung an und vermeiden Sie, hilfreiche Funktionen oder verständliches Design für die letzte Punktsteigerung zu beschädigen.