Seitengeschwindigkeit im Onlineshop prüfen: Messwerte und technische Stellschrauben

Diese Messwerte entscheiden im Onlineshop

Drei Core Web Vitals entscheiden, wie Google die Ladeerfahrung beurteilt. Largest Contentful Paint (LCP) misst die Ladezeit des sichtbaren Hauptinhalts, Interaction to Next Paint (INP) die Reaktionsfähigkeit und Cumulative Layout Shift (CLS) die visuelle Stabilität. Als gut gelten LCP bis 2,5 Sekunden, INP bis 200 Millisekunden und CLS bis 0,1.

Der frühere First Input Delay (FID) ist abgelöst. Seit dem 12. März 2024 ersetzt INP diesen Wert, ältere Anleitungen nennen ihn teilweise noch.

Der PageSpeed-Score stammt aus einem Labortest mit definiertem Gerät und Netzprofil. Was Besucher tatsächlich erleben, zeigen erst die Felddaten der letzten 28 Tage. Ein Shop kann im Labor 100 Punkte erreichen und auf dem Smartphone trotzdem zäh wirken, wenn das Mobilnetz oder Drittanbieter-Skripte die Ladezeit strecken. Für die Beurteilung zählt das Zusammenspiel beider Quellen, nicht die eine Zahl.

Core Web Vitals sind ein Rankingfaktor, aber nicht der wichtigste: Google hält fest, dass der relevanteste Inhalt vorgeht. Auf den Umsatz wirken sie direkter.

In einer von Google beauftragten Deloitte-Studie (Milliseconds Make Millions, 2020) stiegen im Handel die Conversions um 8,4 % und der durchschnittliche Warenkorb um 9,2 %, wenn die mobile Ladezeit um 0,1 Sekunden sank. Die Studie zeigt einen Zusammenhang über viele Marken in Europa und den USA, keine Garantie für den einzelnen Shop.

In Onlineshops laufen rund drei Viertel der Sitzungen über das Smartphone.

Labor- vs. Felddaten: Unterschiede in der Performance-Bewertung

So prüfen Sie Ladezeit und Interaktivität systematisch

Kostenlose Werkzeuge wie PageSpeed Insights, Lighthouse oder GTmetrix liefern Laborwerte und Hinweise auf Ursachen. Sie testen LCP, CLS und INP sowie weitere Grössen wie Total Blocking Time, First Contentful Paint, Speed Index und Time to Interactive. Testberichte und Wasserfall-Diagramme zeigen, welche Ressourcen lange laden und welche den Seitenaufbau blockieren.

Der Score reicht von 0 bis 100. 0 bis 49 bedeutet sehr langsam mit erheblichem Änderungsbedarf, 50 bis 89 Verbesserungsbedarf, 90 bis 100 die empfohlene Ladegeschwindigkeit. In den Berichten steht Rot für schlecht, Gelb für verbesserungswürdig und Grün für gut.

Testen Sie nicht nur die Startseite. In einem Shop sind Kategorielisten, Produktdetailseiten, Warenkorb und Checkout die kritischen Seiten, weil dort Kaufentscheide fallen. Prüfen Sie jede dieser Seiten mobil und am Desktop getrennt: Mobile Nutzer haben häufig schlechtere Netzbedingungen, was Performance-Probleme verstärkt.

Aus jedem Bericht lassen sich zwei Vergleichswerte ablesen: die Seitengrösse und die Anzahl der HTTP-Anfragen. Je grösser die übertragenen Daten und je mehr Anfragen an den Server nötig sind, desto länger dauert der Aufbau. Damit lässt sich vor und nach einer Massnahme prüfen, ob tatsächlich Datenmenge oder Anfragen gesunken sind.

Typische Bremsen im Shop erkennen

Die drei häufigsten Bremsen sind zu grosse Bilder, zu viele Skripte von Drittanbietern und überladene Themes, Plugins oder Apps. Ordnen Sie die im Bericht gefundenen Ressourcen zuerst diesen drei Punkten zu, bevor Sie an anderen Stellen suchen.

Der Server ist selten die Hauptursache: Studien von Yahoo! und Google ergaben, dass nur 10 bis 20 % der Ladezeit vom Server abhängt. Ein leistungsfähiger Server hilft, erklärt aber meist nicht die schlechte Performance.

Beträchtlichen Einfluss hat das Content Management System. Plattformen wie Joomla oder WordPress berechnen jede angeforderte Seite dynamisch im Zusammenspiel von PHP und Datenbank und bringen entsprechend Grundlast mit.

Plugins und Erweiterungen – etwa für Foren, Bildergalerien oder Social Media – erhöhen die Ladezeit zusätzlich. Blockierendes JavaScript und CSS verzögern den Seitenaufbau und die Reaktion auf Eingaben. Lange Serverantwortzeiten schieben den LCP nach hinten, unerwartete Layout-Verschiebungen verschlechtern den CLS.

Häufigste Ursachen für langsame Ladezeiten im Onlineshop

Bilder und Medien beschleunigen

Zu grosse Bilder zählen bei Shops mit vielen Produkten zu den grössten Bremsen. Wirksam sind korrekte Abmessungen statt Auslieferung jeder Datei in Originalauflösung, moderne Formate wie WebP, Kompression mit ausbalanciertem Verhältnis von Speichervolumen und Bildqualität sowie responsive Auslieferung, bei der mobile Geräte kleinere Dateien erhalten.

Lazy Loading lädt Bilder erst, wenn sie in den sichtbaren Bereich gelangen, reduziert die anfängliche Ladezeit und verbessert den LCP. Das Hauptbild einer Seite sollte davon ausgenommen bleiben, sonst verschiebt sich der sichtbare Hauptinhalt nach hinten.

Bei täglich neuen Artikeln oder Artikelvarianten stösst manuelle Einzeloptimierung an Grenzen; eine automatische Bildoptimierung über ein CDN kann diese Arbeit übernehmen. Ein CDN ist ein Netzwerk mehrerer lokal verteilter Server, die mediale Inhalte bereitstellen, über Caching und Cluster Höchstgeschwindigkeiten erreichen und auch bei Last- oder Traffic-Spitzen eine optimale Auslieferung sichern.

Genannte Anbieter sind etwa Akamai, Amazon Web Services, Microsoft Azure, Host Europe und Swiss TXT. Die Ladezeit von Fotos hängt nicht nur von der Bildgrösse ab, sondern auch von der Leistungsfähigkeit des Servers, auf dem die Daten liegen.

JavaScript, CSS und Drittanbieter entlasten

Blockierendes JavaScript und CSS bremsen Aufbau und Interaktivität. Skripte, die für den ersten Aufbau nicht nötig sind, gehören verzögert oder ausserhalb des kritischen Pfads geladen. Browser-Caching spart bei wiederkehrenden Besuchen ganze Downloads und entlastet die Reaktionsfähigkeit.

Für einen stabilen CLS reservieren Sie Platz für Bilder, Werbemittel und eingebettete Elemente, bevor diese laden. Vermeiden Sie plötzliche Layout-Änderungen nach dem ersten Rendern der Seite.

Drittanbieter-Skripte wie Social-Media-Plugins, Tracking oder Chat-Widgets zählen zu den häufigsten Bremsen, weil jedes zusätzliche Skript Netzwerkanfragen und Ausführungszeit mitbringt. Prüfen Sie bei jedem Dienst, ob er für den Verkauf gebraucht wird, und entfernen oder verschieben Sie den Rest. Optimierungs-Plugins, die alles automatisch erledigen, sind mit Vorsicht einzusetzen, weil sie die Darstellung beschädigen können.

Server, Caching und Auslieferung richtig einstellen

Die Optimierung umfasst laut RTP GmbH die Komprimierung von HTTP-Anfragen, die Optimierung von Dateigrössen bei Bildern, JavaScript und CSS, Caching-Strategien, eine leistungsfähige Hosting-Lösung und den Einsatz eines Proxy-Servers. Diese Reihenfolge ist auch in der Praxis sinnvoll: erst Datenmenge und Anfragen senken, dann die Auslieferung umstellen.

Da nur 10 bis 20 % der Ladezeit serverabhängig sind, bringt ein Serverwechsel weniger als häufig erwartet. Er bleibt sinnvoll, wenn lange Serverantwortzeiten den LCP drücken. Reduzieren Sie zuerst die Anzahl der HTTP-Anfragen. Aktivieren Sie Komprimierung sowie Caching, bevor Sie die Hosting-Klasse wechseln.

Ein CDN liefert mediale Inhalte aus Servern in der Nähe der Nutzer aus und leitet Besucher aus dem Ausland im Hintergrund auf einen nahen Knoten um. Prüfen Sie beim Anbieter, wo die für Ihr Publikum nächsten Knoten liegen und wie Bilder und statische Dateien zwischengespeichert werden. Für Schweizer Shops sind Abdeckung in der Schweiz und in Europa sowie die Anbindung an Ihre Shop-Plattform die entscheidenden Kriterien.

Optimierungsreihenfolge: Von der Diagnose zur Umsetzung

Vom Messwert zur Massnahme: Prioritäten für Schweizer Onlineshops

Beginnen Sie mit einer Standortbestimmung aus Laborwerten und Felddaten. Optimieren Sie danach zuerst die Seiten, auf denen Geld verdient wird: mobile Produktdetailseiten und Checkout, anschliessend Kategorie- und Startseite. Setzen Sie Änderungen einzeln um, damit sich jede Wirkung einer Massnahme zuordnen lässt.

Nach jeder Optimierung gehört ein Sichttest dazu. Ein dokumentiertes Beispiel zeigt, warum: Ein Plugin brachte den PageSpeed-Score auf dem Desktop auf 100, musste aber wieder deaktiviert werden, weil die Seite danach nicht mehr überall korrekt aussah.

Die Wirkung im Feld zeigt sich erst in den Feldwerten. Behalten Sie diese Werte nach jeder Änderung im Blick, statt nur den Laborscore zu verfolgen. Erwarten Sie keine sprunghaften Rankinggewinne: Core Web Vitals sind ein Signal unter vielen.

Wichtige Schritte zur Seitengeschwindigkeitsoptimierung