WEBSITE-TEMPO UND CORE WEB VITALS.
Eine langsame oder springende Website verliert Kunden, bevor sie ein Wort lesen. Google misst dieses Erlebnis mit drei Core Web Vitals. Hier erfahren Sie, was sie bedeuten, wie Sie Ihre Website kostenlos testen und welche Lösungen auf der Website eines kleinen Unternehmens meist am meisten bringen.
WAS SICH ZULETZT GEÄNDERT HAT
- Google stuft Zurück-Button-Hijacking als Spam ein — Das Blockieren der Zurück-Taste im Browser ist jetzt eine ausdrücklich genannte Spam-Praxis.
Dieser Ratgeber behandelt, was dauerhaft gilt. Der Blog verfolgt die Änderungen, sobald sie kommen.
DIE DREI MESSWERTE
Google beschreibt Core Web Vitals als Messwerte, die die reale Nutzererfahrung bei Ladeleistung, Interaktivität und visueller Stabilität erfassen.2 Interaction to Next Paint (INP) hat 2024 First Input Delay als Core Web Vital abgelöst.1
| Messwert | Was er misst | Gut |
|---|---|---|
| Largest Contentful Paint (LCP) | Laden: wann der Hauptinhalt erscheint [1] | 2,5 Sekunden oder weniger [1][3] |
| Interaction to Next Paint (INP) | Reaktionsfähigkeit: wie schnell die Seite auf Tippen, Klicken und Tippen auf der Tastatur reagiert [1] | 200 Millisekunden oder weniger [1][3] |
| Cumulative Layout Shift (CLS) | Visuelle Stabilität: wie stark die Seite beim Laden springt [1] | 0,1 oder weniger [1][3] |
web.dev empfiehlt, beim 75. Perzentil der Seitenaufrufe zu messen, getrennt für Mobilgeräte und Desktop.1 Search Console bewertet LCP bis 4 s, INP bis 500 ms und CLS bis 0,25 als „Optimierung erforderlich“ und alles darüber als „schlecht“.3
BEEINFLUSSEN SIE DAS RANKING?
Laut Google entsprechen gute Core Web Vitals dem, was seine zentralen Ranking-Systeme belohnen wollen, als Teil einer umfassenderen Nutzererfahrung auf der Seite.2 Es ist ein Faktor unter vielen. Eine schnelle Seite mit dünnem oder wenig hilfreichem Inhalt überholt keine bessere Antwort; sehen Sie Tempo also als Mittel, die Besucher zu halten, die Sie schon gewonnen haben.
SO TESTEN SIE IHRE WEBSITE
| Tool | Was es zeigt | Achtung |
|---|---|---|
| PageSpeed Insights | Felddaten von echten Chrome-Nutzern (CrUX) plus Labordaten aus Lighthouse, für Mobilgeräte und Desktop [4] | Felddaten umfassen die letzten 28 Tage, Verbesserungen zeigen sich also verzögert; Labor- und Feldergebnisse können abweichen [4] |
| Core Web Vitals-Bericht in der Search Console | Gruppen ähnlicher URLs mit der Bewertung Gut, Optimierung erforderlich oder Schlecht, auf Basis echter Nutzerdaten [3] | Kleine Websites sehen eventuell „Keine Daten verfügbar“, wenn es nicht genug CrUX-Daten gibt [3] |
Noch keine Felddaten? Nutzen Sie die Laborergebnisse in PageSpeed Insights als Richtwert und testen Sie Ihre wichtigsten Seiten: Startseite, Leistungen und Kontakt.
TYPISCHE LÖSUNGEN FÜR KLEINE UNTERNEHMEN
- Bilder verkleinern. Komprimieren Sie Fotos und nutzen Sie moderne Bildformate.5 Ein Handyfoto direkt aus der Kamera ist meist viel größer, als der Bildschirm braucht.
- Das Hero-Bild nicht per Lazy Loading laden. Laut web.dev sollten Sie Ihr LCP-Bild nie lazy laden, und mit dem Attribut
fetchprioritykönnen Sie dem Browser sagen, welche Ressourcen am wichtigsten sind.5 - Bildern und Einbettungen eine Größe geben. Setzen Sie die Attribute
widthundheightoder reservieren Sie Platz mit CSSaspect-ratio, damit Inhalte nicht verrutschen.6 - Webfonts einplanen. Beim Laden einer Schrift kann Text verrutschen; wählen Sie eine ähnliche Ersatzschrift.6
- Skripte von Drittanbietern reduzieren. Chat-Widgets, Tracker und Einbettungen summieren sich. Laut web.dev sollten Sie ein Skript entfernen, wenn es keinen klaren Nutzen bringt, und Drittanbieter-Skripte asynchron laden, sofern sie nicht vor dem Rendern der Seite laufen müssen.7
- Klick-Handler schlank halten. Für INP rät web.dev, in Event-Callbacks so wenig Arbeit wie möglich zu erledigen und lange Aufgaben aufzuteilen.8
- Ordentliches Hosting und ein CDN nutzen. web.dev empfiehlt ein Content Delivery Network, um den Weg der Dateien zu verkürzen.5
Tempo ist ein Teil einer nutzbaren Website. Unser Leitfaden zur Barrierefreiheit deckt die andere Hälfte ab: Menschen, die Tastatur, Screenreader oder Zoom nutzen.
FAQ
Mein PageSpeed-Wert ist niedrig, aber Search Console sagt „Gut“. Was stimmt?
Beides kann stimmen. Der Wert stammt aus einem simulierten Labortest; Search Console nutzt echte Besucher über einen Zeitraum. Google erklärt, dass Labor- und Felddaten voneinander abweichen können.4
Brauche ich eine perfekte 100?
Nein. Zielen Sie auf Ihren wichtigsten Seiten auf die „guten“ Schwellenwerte oben und verwenden Sie Ihre Zeit dann auf Inhalte und Kunden.
Garantiert eine schnellere Website mehr Leads?
Das kann niemand versprechen. Tempo beseitigt Reibung; verkaufen tun weiterhin Ihr Angebot, Ihre Bewertungen und Ihr Nachfassen.
QUELLEN
- web.dev, Web Vitals.
- Google Search Central, Understanding Core Web Vitals and Google search results.
- Search Console Help, Core Web Vitals report.
- PageSpeed Insights documentation, About PageSpeed Insights.
- web.dev, Optimize Largest Contentful Paint.
- web.dev, Optimize Cumulative Layout Shift.
- web.dev, Efficiently load third-party JavaScript.
- web.dev, Optimize Interaction to Next Paint.
WEITERLESEN
STRATEGIEGESPRÄCH BUCHEN
Nicht sicher, warum sich Ihre Website langsam anfühlt? Schicken Sie uns den Link, und wir zeigen Ihnen, was sie ausbremst.