Wie man einen Shop auf Shoptet beschleunigt: konkrete Ratschläge und häufige Fehler

Ein schneller Webauftritt ist nicht nur ein technisches Sahnehäubchen, sondern eine geschäftliche Notwendigkeit. Kunden verlassen langsame Seiten schneller, als Sie „Tschüss“ sagen können, und Google hat langsame Websites schlichtweg nicht gern.

Eine Analyse von ​Portent zeigte, dass bei einer Ladezeit von 1 Sekunde die durchschnittliche Konversionsrate fast 40 % beträgt. Bei 2 Sekunden sinkt sie auf 34 %, bei 3 Sekunden auf 29 %. Ein schneller Webauftritt bringt Konversionen, höhere Besucherzahlen, günstigere PPC-Kampagnen und viele weitere Vorteile.

Betreiben Sie einen Shop auf Shoptet, haben Sie eine solide Basis, aber auch der beste Shop benötigt regelmäßige Pflege, was die Webgeschwindigkeit angeht.

Die Geschwindigkeit von Shoptet ist an sich sehr gut, aber achten Sie auf Template-Anpassungen#

Auf E-Commerce-Plattformen wie Shoptet haben Sie keinen direkten Zugriff auf den Server, was nicht unbedingt schlecht ist. Die Serverreaktionszeit (TTFB, Time To First Byte) ist bei Shoptet gewöhnlich hervorragend.

Shoptet gehört definitiv zu den technisch ausgereiften E-Commerce-Plattformen, der Server läuft wie ein Schweizer Uhrwerk.

Die Probleme beginnen jedoch beim Frontend, dem Teil der Website, den die Kunden sehen. Wenn Entwickler das ursprüngliche Template erheblich verändern, müssen sie oft viel JavaScript verwenden.

Shoptet gibt Ihnen also einen hochwertigen Motor, aber wie schnell Sie fahren, hängt davon ab, was Sie in das Auto laden.

Den Nutzern geht es nicht nur um die Serverantwort, sondern um den Gesamteindruck, den die Seite direkt im Browser vermittelt. Die Webgeschwindigkeit messen wir mit einer Reihe von Nutzererfahrungsmetriken, den sogenannten Core Web Vitals.

Core Web Vitals sind äußerst wichtige Kennzahlen, denn wenn eine Seite deren empfohlene Werte erfüllt, ist es unter anderem 24 % weniger wahrscheinlich, dass die Nutzer vor dem Laden abspringen. (Quelle)

• Die Ladegeschwindigkeit (LCP) und die Layout-Stabilität (CLS) sind dank der hervorragenden Serverleistung ausgezeichnet. Probleme entstehen jedoch, wenn maßgeschneiderte Anpassungen vorgenommen werden.
• Die Antwortgeschwindigkeit auf Interaktionen (INP) ist ebenfalls im Grundsystem von Shoptet ausgezeichnet (auch dank unserer Hilfe), aber Probleme können bei Anpassungen der Website oder beim Hinzufügen von Drittanbieter-Komponenten auftreten.

Sehen Sie sich die Core Web Vitals-Werte einiger von uns beobachteter Referenzwebsites an:

Die meisten Shops auf Shoptet haben sehr gute Core Web Vitals-Werte, aber es gibt auch Ausnahmen, daher sollten Sie auf die Geschwindigkeit achten.

Das grundlegende Ziel sind „grüne“ Core Web Vitals-Werte für die gesamte Domain und alles sollte auch in der Google Search Console grün sein.

Ein schneller Shoptet existiert. Sie müssen ihn nur richtig einstellen und nicht mit Unnötigem belasten.

Fünf typische Fallen bei der Anpassung von Shoptet#

Jede Änderung an der Website ist wie das Hinzufügen von Gepäck in ein Auto. Ab einer bestimmten Anzahl von Änderungen oder bei ungeschickter Umsetzung beginnt die Geschwindigkeit zu leiden.

1) Ungeschickte Designanpassungen#

Wenn Sie das Template-Design erheblich ändern möchten, bedeutet dies oft, dass der ursprüngliche Code mit JavaScript überschrieben werden muss. Diskutieren Sie mit den Designern, ob wirklich alles verändert werden muss. Manchmal reicht ein sanftes Feinabstimmen der Standard-Templates, wie zum Beispiel Classic, anstelle einer kompletten Renovierung.

Bild: Das Layout kann beim Laden auf Shoptet unschön auseinanderbrechen.

Der nächste Schritt ist, von den Entwicklern zu verlangen, dass sie bei der Implementierung dieser Änderungen den negativen Einfluss auf die Core Web Vitals vermeiden. Besonders gefährdet sind die Metriken LCP (Ladegeschwindigkeit) und CLS (Layout-Stabilität).

2) Hinzufügen von Ergänzungen und Drittanbietern ohne Überwachung des Einflusses auf die Geschwindigkeit#

Jede neue Ergänzung oder JavaScript-Komponente ist ein weiterer Koffer im Gepäckraum Ihres Autos. Bevor Sie etwas hinzufügen, stellen Sie sich die Frage: „Brauche ich das wirklich?“

Externe Dienste, die über den Google Tag Manager (ein Werkzeug zur Verwaltung analytischer Codes) eingefügt werden, Marketing-Skripte oder Werbesysteme können „lange Aufgaben“ erzeugen (synthetisch messbar durch die TBT-Metrik oder bei realen Nutzern durch die JS Long Tasks (JSLT)), die die Reaktionszeit der Website verlangsamen und die INP-Metrik verschlechtern.

Die Hauptregel beim Hinzufügen neuer Komponenten zur Website: Überwachen Sie stets die Geschwindigkeit, um zu wissen, welchen Einfluss die Ergänzung auf die Geschwindigkeit hat.

3) Nicht optimierte Bilder#

Moderne Formate wie WebP oder AVIF können im Vergleich zu alten Formaten wie JPEG oder PNG Dutzende von Prozenten an Größe einsparen.

Bitten Sie den Shoptet-Support, das Speichern von Bildern im WebP-Format zu aktivieren, das deutlich daten-effizienter ist.

Wichtig ist auch das Lazy Loading – das verzögerte Laden von Bildern, die nicht sofort auf dem Bildschirm sichtbar sind. Warum Fotos vom unteren Seitenbereich herunterladen, wenn der Nutzer sie vielleicht nie sieht? Dies muss jedoch von Shoptet selbst gelöst werden, da Sie keinen Zugriff auf den HTML-Code haben.

4) Unbeachtete Bildgrößen#

Jedes asynchron geladene Element auf der Seite sollte eine definierte Größe haben. Dies kann ein Bild, Video, Iframe oder eine andere Webkomponente sein.

Im Falle dieser E-Commerce-Plattform handelt es sich hauptsächlich um Bilder. Shoptet hilft Ihnen dabei nicht, da es außer an bestimmten Stellen nicht möglich ist, den HTML-Quellcode der Website zu bearbeiten. Es gibt jedoch Möglichkeiten, denselben Effekt in CSS zu erzielen:

img {
  min-height: 200px;
}

Es gibt mehrere Möglichkeiten. Schauen Sie sich unseren Artikel an, wie Sie die Höhe der Elemente für die CLS-Metrik beibehalten können.

5) Schlechter Anbieter von Webanpassungen#

Suchen Sie geprüfte, gut kommunizierende Entwickler mit hochwertigen Referenzen. Bevorzugen Sie größere Studios und prüfen Sie günstigere Freelancer genau. Vielleicht überrascht es Sie, aber es ist nicht notwendig, sich auf die technischen Kenntnisse der Person oder Firma zu konzentrieren.

Der Schlüssel ist Kommunikation. Bei PageSpeed.ONE erleben wir oft, dass die Entwicklung oder Optimierung nicht so läuft, wie wir es uns wünschen, gerade aufgrund mangelnder Kommunikation der Entwickler.

Wählen Sie Personen, die kommunizieren, entgegenkommend und proaktiv sind. Dies erkennen Sie bereits in der frühen Entwicklungsphase.

Wie PageSpeed.ONE Shoptet-Shops unterstützt#

Geschwindigkeit ist immer das Ergebnis einer systematischen Zusammenarbeit mehrerer Parteien. PageSpeed.ONE fungiert hier als Garant für Geschwindigkeit. Wir helfen jedem Kunden auf Shoptet in drei verschiedenen Bereichen.

1) monitoring PLUS: Ihr Speed-Wächter für den Shop#

Die Optimierung der Geschwindigkeit ist kein Sprint mit Ziel, sondern ein endloser Marathon. Der Webauftritt braucht ständige Pflege und regelmäßige Überwachung.

Unser monitoring PLUS funktioniert wie ein Alarm. Der Wächter warnt Sie vor Problemen, bevor sie den Kunden auffallen.

Dank des Wächters können Sie die Geschwindigkeit bis zu einem gewissen Grad aus dem Kopf lassen.

Der Service bietet einen kontinuierlichen Überblick über die Leistung Ihres Shoptet-Shops, Unterstützung bei der gezielten Optimierung und frühzeitige Warnungen bei Verschlechterung der Metriken.

2) Optimierung der Geschwindigkeit Ihres Shoptets#

Wir haben Dutzende von Optimierungen auf verschiedenen Plattformen hinter uns. Unsere Analysen decken konkrete „niedrig hängende Früchte“ auf, also Probleme, die schnell mit großem Einfluss auf die Geschwindigkeit gelöst werden können.

Die Optimierung der Core Web Vitals auf Shoptet hat den Shop deNatura.cz beschleunigt und +17% mehr Besucher von Google gebracht.

Wir helfen auch anderen Kunden auf Shoptet wie Brainmarket.cz, Olivie.cz oder ČistéDřevo.cz.

Dem Portal Srovname.cz brachte die Beschleunigung durch unsere Empfehlungen einen 25%igen Anstieg der Konversionen. Ein schnelleres Web bedeutet auch bessere Positionen bei Google und niedrigere Werbekosten.

3) Zusammenarbeit mit Shoptet selbst#

Unsere Zusammenarbeit direkt mit den Entwicklern von Shoptet hat die INP für alle Shops verbessert, viele von ihnen in die grüne Bewertungsskala der Core Web Vitals gebracht und wahrscheinlich auch bessere SEO-Positionen ermöglicht.

Verbesserung der Antwortzeit auf Interaktionen (INP-Metrik) nach gemeinsamer Optimierung von PageSpeed.ONE und Shoptet.

Die meisten Websites auf Shoptet befanden sich laut Google-Methodik bei dieser Metrik in einem nicht optimalen, also orangen Bereich. Das bedeutete nicht nur stellenweise eine schlechtere Nutzererfahrung, sondern möglicherweise auch eine schlechtere Bewertung im SEO oder PPC.

Wir hoffen, dass wir diese Zusammenarbeit fortsetzen können, denn der Einfluss der Geschwindigkeitsoptimierung auf 40.000 Shops ist enorm und die Mission von PageSpeed.ONE ist es, Webgeschwindigkeit für alle zu verbessern.

Fazit: Shoptet hat auch beim Thema Geschwindigkeit Potenzial, nutzen Sie es#

Shoptet bietet Ihrem Shop eine sehr gute technische Basis – der Server läuft schnell und zuverlässig, die Standard-Templates erfüllen die Core Web Vitals.

Es ist klar, dass sich die meisten Shops nicht nur auf die Basis verlassen können, aber mit dem richtigen Ansatz, eingeschaltetem Monitoring und guten Entwicklern lässt sich auch das Wachstum der Komplexität des Shops bewältigen.

Wenn Sie nicht wissen, wo Sie anfangen sollen, oder nach einer spezifischen Lösung für Ihren Shoptet suchen, sind wir bei PageSpeed.ONE bereit, zu helfen. Geschwindigkeit ist unser Geschäft.