Mit Martin Michálek über die Geschwindigkeit von Online-Shops auf Shoptet

Welchen Einfluss hat die Auswahl von Templates und Plugins auf die Geschwindigkeit der Website? Was ist das optimale Verhältnis zwischen attraktivem Erscheinungsbild und Leistung des E-Shops? Und wie erkennt man einen qualitativ hochwertigen Anbieter für Anpassungen?

In unserem Interview beschreibt Martin detailliert die häufigsten Fehler, betont die Bedeutung einer qualitativ hochwertigen Implementierung von Designänderungen und erläutert ein Beispiel für eine erfolgreiche Optimierung eines E-ShopsDenatura.cz.

Sie erfahren auch, wie Monitoring der Geschwindigkeit die Leistung Ihres E-Shops entscheidend beeinflussen kann und warum Kommunikation bei der Partnerauswahl wichtiger ist als technische Details.

Was Shoptet betrifft, so ist es aus Geschwindigkeitsperspektive sehr gut vorbereitet. Templates verursachen in der Regel keine größeren Probleme. Wo wir jedoch bei PageSpeed.cz oft Probleme sehen, ist die Implementierung von drastischeren Designänderungen. 

Das erste Problem ist, dass sich Kunden und Designer oft nicht bewusst sind, dass auf dem klassischen Shoptet die Entwickler das ursprüngliche Template-Design mit einer großen Menge JavaScript überschreiben müssen, was an sich eine Komplikation für die Leistung des E-Shops darstellt. Ich denke, dass E-Shop-Betreiber sich an diesem Punkt stoppen und darüber nachdenken sollten, welches originale Template gewählt und wie stark dessen Design angepasst werden sollte.

Ein weiteres Problem liegt in der eigentlichen Implementierung dieser Änderungen. Die Qualität der Entwickler bei Shoptet ist sehr unterschiedlich, von hochqualifizierten Personen bis zu denen, die im Jahr 2010 stecken geblieben sind und echte Verbrechen an den Templates begehen. 

Hier ist es unbedingt erforderlich, deren Qualität anhand von Empfehlungen von Bekannten zu bewerten, nicht nur anhand der Anzahl der Sterne im Shoptet-Partnerangebot. Unsere besseren Erfahrungen machen wir immer mit größeren Anbietern wie Mime Digital, Able oder dkLab. 

Und was ist mit den Add-ons?

Auch diese verschlechtern in der Regel die Geschwindigkeit nicht automatisch. Ich würde nur auf die Metrik INP achten, also die Reaktionsgeschwindigkeit auf Interaktionen. Da sehen wir Verschlechterungen wegen verschiedener JavaScript-Add-ons. Übliche GTM oder Google Analytics haben keinen negativen Einfluss, aber es ist wichtig, bei Personalisierungs-, Werbe-, A/B-Test-Add-ons oder bei solchen, die z.B. Adressvorschläge im Kaufprozess hinzufügen, Vorsicht walten zu lassen.

Es sei jedoch gesagt, dass wir bei PageSpeed.cz mit einer Reihe von E-Shops zusammenarbeiten, die Shoptet nutzen, und dass wir trotz der Einschränkungen der Plattform bisher fast alles bewältigt haben. Grüne Core Web Vitals schaffen wir auch bei Shoptet.

Wenn ich eine grundlegende Sache empfehlen kann, die alle E-Shop-Betreiber bezüglich der Geschwindigkeit tun sollten, dann ist es das Monitoring der Webgeschwindigkeit. Mehr dazu werde ich später sagen.

Wir haben die Geschwindigkeit für ungefähr 10-15 Websites auf Shoptet optimiert. Derzeit bereiten wir eine Fallstudie für die Website Denatura.cz vor.

Bei Denatura haben wir zuerst die Metriken der Layoutstabilität optimiert (CLS) und die Ladegeschwindigkeit (LCP), beides sehr erfolgreich. 

Als Google mit der neuen Metrik INP zur Messung der Interaktionsgeschwindigkeit herauskam, begannen wir mit deren Optimierung. Wir hatten teilweise Erfolge mit der Optimierung der JavaScript-Implementierung direkt auf der Website von Denatura, aber im Laufe der Zeit erkannten wir, dass wir uns direkt mit Shoptet verbinden müssen.

Unsere Zusammenarbeit mit den Entwicklern von Shoptet brachte dann Verbesserungen bei INP für alle E-Shops, die meisten davon in die grüne Bewertungsskala der Core Web Vitals und wahrscheinlich auch bessere Platzierungen im SEO.

Ich hoffe, dass wir diese Zusammenarbeit fortsetzen werden, weil sich die Auswirkungen der Geschwindigkeitsoptimierung auf 40.000 E-Shops enorm auswirken und PageSpeed.cz zum Ziel hat, die Websites für alle zu beschleunigen. Bei Denatura haben wir noch keine Zahlen, aber ich denke, dass die Geschwindigkeitsoptimierung zu ihrem starken Wachstum im Jahresvergleich beigetragen hat. Ich denke, dass alle drei Parteien zufrieden sein können.

Wie ich oben schon schrieb. Ich würde größere Agenturen auswählen und billige Freelance-Entwickler meiden. Vielleicht überrascht es Sie, aber es ist nicht nötig, sich auf die technischen Kenntnisse der Person oder Firma zu konzentrieren.

Der Schlüssel ist die Kommunikation. Sehr oft kommt es vor, dass die Optimierung nicht so abläuft, wie wir es uns wünschen, gerade wegen unzureichender Kommunikation der Entwickler.

Wählen Sie Leute, die kommunizieren, entgegenkommend und proaktiv sind. Das merkt man schon in der frühen Phase der Entwicklung.

Als Betreiber eines E-Shops bei Shoptet sollten Sie immer danach streben, grüne Werte bei den Core Web Vitals Metriken auf Domänenniveau zu erreichen. Grün ist ein Zeichen dafür, dass alles zumindest grundsätzlich in Ordnung ist.

Ein weiteres Ziel ist es, in der Google Search Console grüne Werte bei allen URL-Gruppen zu sehen.  Diese beiden Quellen müssen kombiniert werden.

Auf dem folgenden Bild ist dann zu sehen, welche Werte für die einzelnen Metriken als optimal angesehen werden.

Welche Werte haben die Websites auf Shoptet? In unserem Monitoring verfolgen wir einige davon, und es sieht wie folgt aus:

Was kann ein E-Shop-Besitzer selbst zur Verbesserung der Geschwindigkeit tun, auch ohne technisches Wissen? Was sind die ersten Schritte zur Optimierung?

Es gibt überraschend vieles, meistens auf der Ebene von „soften“ Kenntnissen.

Die Antwort werde ich gleich in Form eines Checklists formulieren:

1. Messen Sie die Geschwindigkeit der Website. Einmalige Tests mit PageSpeed Insights sind nicht so gut, deshalb haben wir das PLUS Monitoring eingeführt, das die Metrikwerte von Google überwacht, aber auch täglich synthetische Tests Ihrer wichtigen Seiten durchführt. Es gilt, dass selbst eine kleine Änderung wie das Hinzufügen eines Add-ons die Geschwindigkeit beeinträchtigen kann, weshalb Monitoring entscheidend ist. Monitoring dient auch zur Kontrolle von Entwicklern und anderen Anbietern.
2. Wählen Sie einen guten Anbieter für Webanpassungen aus. Suchen Sie nach bewährten, gut kommunizierenden Partnern mit qualitativ hochwertigen Referenzen. Siehe vorherige Antworten. Aber kontrollieren Sie dennoch ihre Arbeit mittels Monitoring.
3. Überlegen Sie jedes Einsetzen neuer JavaScript-Komponenten. Wieder siehe oben. Es ist nicht schlecht, etwas Neues auf der Website einzusetzen, aber stellen Sie sicher, dass Sie messen und somit erfahren, wenn eine neue Komponente eine der Geschwindigkeitsmetriken beeinträchtigt.
4. Bleiben Sie in Kontakt mit dem Support von Shoptet. Bitten Sie sie, das Speichern von Bildern im WebP-Format zu aktivieren, das deutlich datenintensiver ist.

Wenn die Geschwindigkeit sich nicht verbessert, engagieren Sie Profis.

Bei PageSpeed.cz können wir Ergebnisse bereits innerhalb weniger Stunden Beratung liefern.