Shopify Impact Theme page speed Optimierung

Wir hatten das Problem, dass viele Kunden abgesprungen sind, bevor die Seite überhaupt fertig geladen wurde. Zu sehen ist das in Google Analytics in der Abandonment rate (deutsch: Ausstiegsrate).

Grund hierfür ist die beim Impact Theme standartmäßig eingebaute Seitenladeanimation. Diese macht, dass der ganze Bildschirm weiß ist, bis die gesamte Seite fertig geladen wurde. Das dauert jedoch auch bei einer normal schnellen Seite mehrere Sekunden. User haben in der Zeit das Gefühl, dass nichts passiert und das ist schlecht!

Lösung:

Deaktiviere die Seitenladeanimation in Shopify. Navigiere zu folgender Checkbox im Customizer und entferne das Häckchen:
Themes > Customize > Theme settings > Animation > Show page transition

Nachvollziehen kannst du das ganze außerdem in den Page Speed Insights. Hier gibt es eine Grafik, in der der Seitenaufbau angezeigt wird. Dort sieht du, dass ohne Seitenladeanimation deutlich früher schon Inhalte eingeblendet werden. User haben so viel eher das Gefühl, dass sich etwas tut und können den Seitencontent anschauen, bevor die gesamte Seite fertig geladen wurde.

Beispiel MIT Seitenladeanimation:

Beispiel OHNE Seitenladeanimation: