Warum Tempo zählt
Google schreibt selbst, dass die Core Web Vitals von seinen Ranking-Systemen verwendet werden. Gute Werte garantieren aber keine Spitzenplätze: Laut Google zeigt die Suche immer die relevantesten Inhalte, auch wenn die Nutzerfreundlichkeit einer Seite schwächer ist. Wo es viele gleich gute Inhalte gibt, kann eine gute Nutzerfreundlichkeit den Ausschlag geben.
31 %
besseres LCP auf der optimierten Landingpage
web.dev Fallstudie Vodafone
+8 %
mehr Verkäufe gegenüber der Vergleichsseite
web.dev Fallstudie Vodafone
+15 %
mehr Leads im Verhältnis zu den Besuchen
web.dev Fallstudie Vodafone
Grafik einbinden
Sie dürfen diese Grafik kostenlos auf Ihrer Website zeigen – mit Quellenangabe. Code kopieren und in Ihre Seite einfügen:
Für den Umsatz gibt es belastbare Einzelfälle. Vodafone hat zwei Versionen einer Landingpage im A/B-Test gegeneinander laufen lassen: Die Version mit 31 % besserem LCP brachte 8 % mehr Verkäufe. Das ist ein Fall, keine Regel – zeigt aber, dass Tempo messbar wirken kann.
Inhalte und Angebot bleiben wichtiger. Tempo ist die Grundlage, damit gute Inhalte auch ankommen. Wie Technik und Inhalte zusammenspielen, beschreibt unsere Leistung SEO.
Die drei Kennzahlen und ihre Grenzwerte
Die Core Web Vitals bestehen aus drei Kennzahlen. Jede misst einen anderen Teil des Seitenbesuchs:
2,5 s
LCP: größtes Element sichtbar – gut bis
web.dev
200 ms
INP: Reaktion auf Klicks und Eingaben – gut bis
web.dev
0,1
CLS: Verschieben des Layouts – gut bis
web.dev
Grafik einbinden
Sie dürfen diese Grafik kostenlos auf Ihrer Website zeigen – mit Quellenangabe. Code kopieren und in Ihre Seite einfügen:
- LCPbis 2,5 SekundenGut
- LCPüber 2,5 bis 4 SekundenVerbesserungswürdig
- LCPüber 4 SekundenSchlecht
- INPbis 200 MillisekundenGut
- INPüber 200 bis 500 MillisekundenVerbesserungswürdig
- INPüber 500 MillisekundenSchlecht
- CLSbis 0,1Gut
- CLSüber 0,1 bis 0,25Verbesserungswürdig
- CLSüber 0,25Schlecht
GutVerbesserungswürdigSchlecht
Grafik einbinden
Sie dürfen diese Grafik kostenlos auf Ihrer Website zeigen – mit Quellenangabe. Code kopieren und in Ihre Seite einfügen:
- ✓LCP (Largest Contentful Paint): Wann ist das größte Element im sichtbaren Bereich geladen – meist das Hauptbild oder die Überschrift? Gut sind bis zu 2,5 Sekunden.
- ✓INP (Interaction to Next Paint): Wie schnell reagiert die Seite sichtbar auf Klicks, Tippen und Eingaben – etwa auf „In den Warenkorb“ oder den Filter? Gut sind bis zu 200 Millisekunden. INP hat im März 2024 den früheren Wert FID abgelöst.
- ✓CLS (Cumulative Layout Shift): Wie stark verrutschen Inhalte beim Laden – etwa wenn ein Banner nachlädt und der Button wegspringt? Gut ist ein Wert bis 0,1.
Gemessen wird am 75. Perzentil, getrennt nach Handy und Desktop: Eine Seite besteht, wenn mindestens drei von vier Aufrufen in allen drei Werten „gut“ sind. In der Search Console heißen die Stufen „Gut“, „Optimierung erforderlich“ und „Langsam“.
Typische Bremsen in Shop oder CMS
Die Ursachen ähneln sich, egal ob WordPress, Shopify, Shopware oder Magento. Shopify nennt es in der eigenen Hilfe so: Jede Funktion, die Sie dem Shop hinzufügen, kann die Leistung beeinflussen – Theme-Code, Apps, Bilder, Videos, Karussells, Social-Media-Feeds und Analyse-Werkzeuge.
Zu große Bilder
Hochgeladen in Kamera-Auflösung, als JPEG statt WebP oder AVIF, ohne passende Größe für das Handy.
Zu viele Plugins und Apps
Jede Erweiterung kann eigenes CSS und JavaScript laden – oft auf jeder Seite.
Tracking und Drittanbieter
Analyse, Pixel, Chat, Bewertungs-Widgets: fremde Skripte, auf die Sie wenig Einfluss haben.
Schwerer Page Builder oder Theme
Viel Code für Effekte und Funktionen, die auf der Seite gar nicht genutzt werden.
Kein Caching, langsamer Server
Jede Seite wird neu berechnet, auf alter PHP-Version oder knappem Hosting.
Schriften und Cookie-Banner
Viele Schriftschnitte und ein Banner, das spät lädt und Inhalte verschiebt.
Grafik einbinden
Sie dürfen diese Grafik kostenlos auf Ihrer Website zeigen – mit Quellenangabe. Code kopieren und in Ihre Seite einfügen:
Ein Sonderfall ist das Lazy Loading. Es lädt Bilder erst, wenn sie in den sichtbaren Bereich kommen, und spart so Daten. Wird aber auch das Hauptbild oben auf der Seite verzögert geladen, wird das LCP schlechter. web.dev empfiehlt deshalb, Bilder im sichtbaren Bereich nicht verzögert zu laden.
Richtig messen: Felddaten und Labordaten
Es gibt zwei Arten von Messwerten. Felddaten stammen aus dem Chrome User Experience Report (CrUX): Messungen echter Besucher, die der Datenweitergabe in Chrome zugestimmt haben. Labordaten erzeugt Lighthouse mit einem simulierten Aufruf. Beide können deutlich voneinander abweichen.
Echte Besucher (CrUX)
Felddaten
- Messwerte echter Chrome-Nutzer
- Zeitraum: die letzten 28 Tage
- Grundlage für den Search-Console-Bericht
- Nur bei genug Besuchern verfügbar
- Zeigt, was Kunden erleben
Simulation (Lighthouse)
Labordaten
- Ein simulierter Seitenaufruf
- Mittelklasse-Handy, gedrosseltes Netz
- Sofort wiederholbar, auch auf der Testumgebung
- Werte schwanken von Lauf zu Lauf
- Zeigt, woran es liegt
Grafik einbinden
Sie dürfen diese Grafik kostenlos auf Ihrer Website zeigen – mit Quellenangabe. Code kopieren und in Ihre Seite einfügen:
Drei kostenlose Werkzeuge reichen:
- ✓PageSpeed Insights (pagespeed.web.dev): Felddaten der letzten 28 Tage für die Seite oder – bei zu wenig Daten – für die ganze Domain, dazu der Lighthouse-Test. Der Leistungswert von 90 bis 100 gilt als gut, 50 bis 89 als verbesserungswürdig, unter 50 als schlecht.
- ✓Google Search Console, Bericht „Core Web Vitals“: fasst ähnliche Seiten zu Gruppen zusammen, getrennt nach Handy und Desktop. Eine Gruppe bekommt jeweils den schlechtesten ihrer drei Werte.
- ✓Lighthouse in den Chrome-Entwicklertools: für schnelle Tests einzelner Änderungen, auch auf einer Testumgebung ohne Besucher.
So lesen Sie die Werte: Zählen Sie für Google zuerst die Felddaten. Den Lighthouse-Wert nutzen Sie, um Ursachen zu finden und Änderungen zu vergleichen. 100 Punkte im Labor sind kein Ziel an sich.
Vorgehen: erst messen, dann ändern
Optimieren Sie nicht ins Blaue. Prüfen Sie je eine Seite pro Vorlage – Startseite, Kategorie, Produkt, Warenkorb, Blogartikel –, denn ein Fehler in der Vorlage steckt in jeder Seite dieses Typs. Google wertet Handy und Desktop getrennt aus – prüfen Sie beide.
- MessenFelddaten je Seitentyp, Handy zuerst
- Ursache findenwelche Kennzahl, welches Element
- Maßnahmeauf der Testumgebung umsetzen
- TestenLighthouse vorher und nachher, Funktionen prüfen
- Erneut messenFelddaten nach 28 Tagen
Grafik einbinden
Sie dürfen diese Grafik kostenlos auf Ihrer Website zeigen – mit Quellenangabe. Code kopieren und in Ihre Seite einfügen:
Bis eine Verbesserung in den Felddaten ankommt, dauert es: PageSpeed Insights zeigt den Schnitt der letzten 28 Tage. Haben Sie ein Problem in der Search Console behoben und die Überprüfung gestartet, beobachtet Google es ebenfalls 28 Tage lang.
Maßnahmen nach Aufwand
Fangen Sie mit dem an, was wenig Aufwand macht und viele Seiten betrifft. Was die einzelne Maßnahme bringt, hängt von Ihrer Seite ab – deshalb vorher und nachher messen.
- Bilder verkleinern, WebP oder AVIF, feste Größen angebenwirkt auf LCP und CLSSchneller Erfolg
- Hauptbild nicht verzögert ladenwirkt auf LCPSchneller Erfolg
- Unnötige Plugins, Apps und Tracking-Skripte entfernenwirkt auf LCP und INPSchneller Erfolg
- Seiten-Cache und Objekt-Cache einrichtenwirkt auf LCPMittlerer Aufwand
- Schriften und Cookie-Banner schlank ladenwirkt auf LCP und CLSMittlerer Aufwand
- Aktuelle PHP-Version, schnelleres Hostingwirkt auf LCPMittlerer Aufwand
- Theme oder Page Builder ersetzenwirkt auf alle drei WerteUmbau
Schneller ErfolgMittlerer AufwandUmbau
Grafik einbinden
Sie dürfen diese Grafik kostenlos auf Ihrer Website zeigen – mit Quellenangabe. Code kopieren und in Ihre Seite einfügen:
Dazu kommen Einstellungen, die vom System abhängen. Die Hersteller empfehlen selbst:
| System | Empfehlung des Herstellers | Quelle |
|---|---|---|
| WordPress und WooCommerce | Caching-Plugin für Seiten-Cache, dauerhaften Objekt-Cache, aktuelle PHP-Version mit OPcache, optimierte Bilder (z. B. WebP), unnötige Plugins deaktivieren und löschen | WordPress Developer Resources |
| Shopify | Jede Funktion – Theme-Code, Apps, Bilder, Videos, Feeds, Analyse – kann die Leistung beeinflussen; Bericht zur Web-Performance im Admin nutzen | Shopify Help Center |
| Shopware | HTTP-Cache aktivieren; bei mehreren App-Servern Reverse-Proxy-Cache wie Varnish; Redis für verzögerte Cache-Invalidierung | Shopware Developer Docs |
| Magento / Adobe Commerce | Varnish als Full-Page-Cache im Livebetrieb („strongly recommend“); als schlankeres Frontend gibt es das Theme Hyvä mit Tailwind CSS und Alpine.js | Adobe Experience League, Hyvä Docs |
Wie viel Wartung WordPress und Shopify im Alltag brauchen, steht in den Ratgebern WordPress-Wartung und Kosten und Was Shopify kostet. Langsame Server lösen Sie über das Hosting, nicht über Plugins.
Wie wir an PageSpeed arbeiten
Beyond AIgency ist eine Marke der Beyond Media GmbH, seit 2004 im Geschäft. Ein Team aus KI-Agenten betreut Shop oder CMS. Performance ist bei uns kein Einmal-Projekt, sondern Teil der Technik-Betreuung: in der Shop-Technik und der Website-Betreuung zur festen Monatspauschale, monatlich kündbar. Was eine Betreuung grundsätzlich kostet, zeigt der Ratgeber Kosten für Website-Betreuung.
Beim Abspielen lädt das Video von YouTube (Google).Datenschutz
Jede Änderung – vom Bildformat bis zum Cache – läuft zuerst auf einer Testumgebung. Der Prüf-Agent misst vorher und nachher und testet, ob Warenkorb, Formulare und Checkout noch funktionieren. Ein Mensch gibt frei. Liegt die Bremse beim Server, ist unser schnelles Hosting eine Option. Ob Ihre Seite auch technisch sicher ist, prüfen Sie mit unserem Sicherheits-Check.
Testen Sie uns vorher: Die erste Wunsch-Änderung ist kostenlos, meist in 24 Stunden erledigt, ohne Betreuungsvertrag. Ein Angebot bekommen Sie nach dem Erstgespräch mit Martin, unserem KI-Berater, unter Kontakt.