Zuletzt aktualisiert am 26. September 2023 von Florian Müller
In der heutigen digitalen Welt ist die Geschwindigkeit oder Ladezeit ein wichtiger Faktor für den Erfolg eines Onlineshops. Die Geschwindigkeit der Website vermittelt den ersten Eindruck über Ihr Unternehmen. Es ist wichtig zu verstehen, dass Sie als Shop-Betreiber keine zweite Chance bekommen, wenn es um das Nutzererlebnis geht.
Studien haben den direkten Einfluss der Ladezeit auf die Konversion gezeigt. Zu den Faktoren, die bei der Geschwindigkeitsoptimierung eine Rolle spielen, gehören: Bilder und Videos, Hosting, das CMS, Icons und Inhalte, Skripte, Apps und sauberer Code. In diesem Artikel werde ich für Sie die wichtigsten Faktoren etwas näher erläutern und erklären, worauf Sie von vornherein achten sollten.
Shopify Pagespeed Faktor Nr. 1: Das Theme
Themes bestehen aus Liquid-, HTML-, CSS- und Javascript-Code. Wenn Sie Themes bearbeiten oder anpassen, kann die Dateigröße steigen und die Geschwindigkeit Ihres Shopify Stores beeinträchtigen. Die Art und Weise, wie Ihr Code geschrieben wurde, kann ebenfalls ein Faktor sein, der sich auf die Geschwindigkeit Ihres Shopify Stores auswirkt. Ihr Code sollte also kurz sein und es sollte keinen unnötigen Code geben.
Verwenden Sie daher ausschließlich Themes aus dem Shopify Theme Store, die bereits für die Geschwindigkeit optimiert wurden. Das aktuelle Standard-Theme Dawn ist z.B. mittlerweile ein sehr ausgereiftes und funktionales Theme, was viele Ihrer Anforderungen abdeckt. Es bringt viele Funktionen und Vorzüge des OS 2.0 Updates mit sich. Sollten Sie auf bezahlte Premium Themes zurückgreifen wollen, verwenden Sie auch hier ausschließlich Themes, die nicht außerhalb des offiziellen Themestores von Shopify angeboten werden. Hier können saubere Programmierung und ein guter Support sichergestellt werden.
Shopify Pagespeed Faktor Nr. 2: Die Apps
Der wichtigste Faktor bei der Pagespeed Optimierung auf Shopify sind die Apps. Apps wirken sich in vielerlei Hinsicht auf die Geschwindigkeit Ihres Shops aus. Wenn Sie normalerweise Apps in Ihrem Theme installieren und deinstallieren, besteht die Möglichkeit, dass Code-Reste von deinstallierten Apps in Ihrem Theme verbleiben und weiterhin unnötige Ressourcen laden.
Meistens können Ressourcen, die von Apps geladen werden, nicht optimiert werden, weil der Code entweder nicht zugänglich ist, das Risiko besteht, dass er Probleme verursacht. Oder weil alle Änderungen an App-Dateien, die dem Theme hinzugefügt wurden, automatisch von der App überschrieben werden.
Die meisten Anwendungen auf Shopify werden von Drittanbietern erstellt. Diese Anwendungen werden von einem externen Hosting geladen. Alle Skripte, Stile und HTML werden von außen geladen. Dadurch erhöht sich auch die Anzahl der HTTP-Anfragen zum Laden der Quellen, was sich auf die Geschwindigkeit Ihres Shops auswirkt.
Aber bitte verstehen Sie mich jetzt nicht falsch:
Es ist wichtig, Apps in Maßen zu verwenden und sorgfältig zu prüfen, welche Apps wirklich notwendig sind. Shopify-Apps bieten viele Vorteile für Shop-Betreiber und Kunden, wie höhere Konversionsraten, mehr Besucher oder weniger Zeitaufwand für Kundenservice oder Buchhaltung. Wenn Sie eine App verwenden, die Ihnen gute Ergebnisse bringt, ist das großartig und Sie sollten sie weiterhin nutzen.
Bedenken Sie jedoch, dass zu viele Apps zu mehr Anfragen, Rendering-Blocking und einer längeren Ladezeit Ihrer Website führen können. Es ist daher wichtig, regelmäßig zu überprüfen, welche Apps noch benötigt werden, und gegebenenfalls Code-Fragmente zu entfernen, die beim Deinstallieren zurückbleiben können.
Die Alternative:
Ersetzen Sie Ihre Apps durch anpassbaren Code und optimieren Sie so die Geschwindigkeit. Es ist wichtig, dass Sie sich vor der Programmierung von Code durch einen Entwickler oder die Einstellung eines Experten gut über die Funktionen und Möglichkeiten informieren, die Sie benötigen. Eine klare Kommunikation und gute Planung können dazu beitragen, dass die Implementierung reibungslos verläuft und Ihre Anforderungen erfüllt werden.
Eine benutzerdefinierte Funktion kann mit Ihrem Unternehmen mitwachsen. Das heißt, wenn sich Ihre Anforderungen in Zukunft ändern, können Sie sich jederzeit an das Unternehmen wenden, das Ihren Code erstellt hat, um ihn umzugestalten. Der Entwickler kann jederzeit jeden Fehler oder jedes Problem beheben oder eine besondere Funktion einbauen.
Es ist wichtig zu beachten, dass die Verwendung von Code statt Apps nicht immer die beste Option ist. Wenn Sie beispielsweise komplexe Funktionen oder Integrationen benötigen, kann es sinnvoller sein, eine App zu nutzen, die bereits speziell für diesen Zweck entwickelt wurde.
Verwenden Sie also nur so viele Apps, wie wirklich nötig. Deinstallieren Sie Apps, die Sie nicht mehr benötigen. Nachdem Sie eine App deinstalliert haben, sollten Sie den übrig gebliebenen Code aus Ihrem Theme entfernen. Versuchen Sie, Probleme mit Theme-Liquid-, CSS- und JavaScript-Code zu lösen, anstatt eine App zu installieren, insbesondere bei kleinen Aufgaben. Installieren Sie neue Apps wohlüberlegt.
Shopify Pagespeed Faktor Nr. 3: Bild-Optimierung
Sie sollten immer web optimierte Bilder verwenden und auf die Größe der Bilder achten, da große Bilder mehr Zeit zum Laden benötigen. Um Ihren Shop schneller zu machen, sollten Sie Lazy Loading aktivieren. Viele Themes haben diese Funktion schon mit an Bord. Idealerweise bearbeiten Sie Ihre Bilder von vornherein so, dass sie eine akzeptable Größe haben. Hier gilt ein gesunder Mittelweg zwischen Auflösung und Dateigröße.
Es kommt immer auf den speziellen Fall an, denn beispielsweise sollten Schmuck-Shops sehr gute Bilder bereitstellen, die auch „zoombar“ sind, sodass man kleine Details der Produkte erkennen kann. Dennoch sollten Sie die Dateigröße im Blick behalten. Um Bilder vor dem Upload in den Shop zu laden, eignen sich Tools wie Tiny PNG zur Komprimierung.
Haben Sie bereits viele Bilder im Shop, welche eine beachtliche Dateigröße mit sich bringen und den Shop verlangsamen, können Sie Apps nutzen, um diese zu komprimieren. Hier gilt aber, wie schon oben erwähnt, die Regel gut zu überlegen, welche App Sie installieren und ob sie nicht auf der anderen Seite wieder unnötigen Code erzeugen kann. Das bedeutet: Achten Sie am besten schon immer vor dem Upload der Bilder penibel auf die Dateigröße, um späteren Ärger und viel Arbeit zu vermeiden.
Shopify Pagespeed Faktor Nr. 3: Video-Optimierung
Wenn Sie zu große Videos auf Ihrer Shopify-Website einbinden, kann das dazu führen, dass andere wichtige Elemente langsam oder gar nicht geladen werden. Das kann dazu führen, dass Ihre Nutzerinnen und Nutzer ungeduldig werden und Ihre Seite als langsam empfinden. Stattdessen empfehle ich Ihnen, YouTube, iFrames oder Vimeo zu nutzen, um Ihre Videos einzubinden. Auf diese Weise können Sie sicherstellen, dass Ihre Seite schnell und reibungslos läuft, und Ihre Besucherinnen und Besucher können sich auf das Wesentliche konzentrieren.
Shopify Pagespeed Faktor Nr. 4: Schriftarten
Nutzen Sie für Ihre Website die interne Bibliothek Ihres Themes. Shopify bietet hier bereits eine große Auswahl an Schriftarten. Dadurch wird Ihre Seite schneller geladen als bei der Verwendung einer benutzerdefinierten Schriftart von Drittanbietern. Achten Sie darauf, dass die ausgewählte Schriftart zu Ihrer Marke und Ihrem Design passt und optimieren Sie sie gegebenenfalls für die Anzeige auf verschiedenen Geräten. Eine zu große Dateigröße kann die Ladezeit Ihrer Seite ebenfalls beeinträchtigen. Also wählen Sie eine Schriftart, die nicht zu schwer ist. So sorgen Sie dafür, dass Ihre Webseite schnell und ansprechend für Ihre Nutzer/innen ist.
Fazit
Als gute Praxis sollten Händler/innen die Anzahl der Apps, die sie zu einem bestimmten Zeitpunkt in ihrem Shop installiert haben, immer wieder überprüfen. Wenn Sie eine neue App hinzufügen, sollten Sie die Vor- und Nachteile abwägen und eine fundierte Entscheidung treffen. Diskutieren Sie in einem Shopify Forum oder fragen Sie Ihren Shopify Experten, ob diese App wirklich gut ist. Klären Sie, ob Sie diese App wirklich brauchen oder ob es besser mit einem kleinen Eingriff in den Code Ihres Shops erledigt werden kann.
Behalten Sie außerdem die oben genannten Punkte im Auge. Wenn Sie dies beherzigen, sind Sie schon auf einem sehr guten Weg, was die Shopify Pagespeed-Optimierung angeht. Wünschen Sie sich jedoch einen erfahrenen Blick auf Ihren Shop, dann scheuen Sie sich nicht, mit uns Kontakt aufzunehmen.
One Comment