Ultimative Tipps zur Beschleunigung Ihrer Website

Eine langsam ladende Website hat viele negative Auswirkungen: von geringem Engagement und hohen Absprungraten bis hin zu weniger Besuchern, geringeren Umsätzen und sogar einem schlechteren Suchmaschinen-Ranking. Daher ist es sinnvoll, alles zu tun, um Ihre Website so schnell wie möglich zu machen. Finden Sie heraus, wie.

Shopify ist eine unglaublich zugängliche Plattform, auf der große Unternehmen wie Lindt ihren E-Commerce-Shop in nur 5 Tagen erstellen und eröffnen konnten. Es ist einfach, einen Shop zu eröffnen und in kürzester Zeit mit dem Handel zu beginnen, und verfügt über eine Menge integrierter Funktionen, die diesen Prozess erleichtern.

Allerdings gibt es einige Dinge, die Händler beachten müssen, um das Beste aus ihrem Shop herauszuholen. Die Geschwindigkeit der Website ist einer dieser kritischen Faktoren. Eine langsam ladende Website hat viele negative Auswirkungen: von geringem Engagement und hohen Absprungraten bis hin zu weniger Besucherzahlen, geringeren Umsätzen und sogar einem schlechteren Suchmaschinen-Ranking (Google liebt Seiten mit einer schnellen Ladezeit) ist es sinnvoll, alles zu tun, um Ihre Website so schnell wie möglich zu machen.

In diesem Artikel werden wir untersuchen, wie Sie die aktuelle Geschwindigkeit Ihrer Website bewerten können, und Ihnen dann unsere besten Tipps geben, um sicherzustellen, dass Sie alles tun, was Sie können, um die Geschwindigkeit zu erhöhen.

Wie Sie die aktuelle Geschwindigkeit Ihrer Shopify-Website überprüfen können

Verwenden Sie PageSpeed Insights, das Ihnen einen Geschwindigkeitswert und Empfehlungen für Verbesserungen liefert. Dabei werden die Ergebnisse für Desktop- und Mobilgeräte getrennt und Empfehlungen ausgesprochen, z. B:

Optimieren Sie Ihre Bilder
Verringern Sie JavaScript und CSS
Beseitigen Sie Rendering-blockierendes JavaScript und CSS above-the-fold
Nutzen Sie das Browser-Caching und reduzieren Sie die Server-Antwortzeit
Vermeiden Sie Weiterleitungen
Gzip-Komprimierung

Es reicht nicht aus, den Test nur auf Ihrer Homepage durchzuführen - es lohnt sich, zumindest die 10 meistbesuchten Seiten Ihrer Website zu testen, denn dort haben Geschwindigkeitsverbesserungen die größten Auswirkungen.

Ich erinnere mich an einen Kunden einer anderen Agentur, dessen Punktzahl nach einigen Änderungen an der Website von 98 auf 96 gesunken war und der darauf bestand, die Punktzahl durch weitere Änderungen wieder zu erhöhen. Der Kunde verstand nicht, dass dadurch andere Bereiche seiner Website beschädigt oder untergraben werden könnten, und dass nicht die Zahl in der Bewertung der entscheidende Faktor war, sondern die tatsächliche Nutzbarkeit und Geschwindigkeit der Website selbst.

Zusammenfassend lässt sich also sagen: Es ist ein guter Leitfaden, um eine Vorstellung davon zu bekommen, wie es um die Geschwindigkeit Ihrer Website steht, aber nicht das A und O.

Sie können auch Pingdom oder GTmetrix verwenden, um die Geschwindigkeit Ihrer Seite zu bewerten - wenn Sie verschiedene Tools ausprobieren, erhalten Sie einen umfassenderen Überblick über die Geschwindigkeitsleistung, Probleme und Abhilfemaßnahmen.

Wie Sie die Geschwindigkeit Ihrer Website erhöhen können

Sobald Sie eine Vorstellung von der Leistung Ihrer Website haben, können Sie einige Maßnahmen angehen, die sich aus dem Tool ergeben, mit dem Sie Ihre Seiten überprüft haben. Wenn ja, finden Sie hier ergänzend dazu Maßnahmen, mit denen Sie die Geschwindigkeit Ihrer Website erhöhen können.

Bildoptimierung

Die Komprimierung Ihrer Bilder ist wichtig, um die Ladezeit von Webseiten zu verkürzen, insbesondere bei E-Commerce-Seiten.

Bei der Bildkomprimierung wird das Bild in seiner ursprünglichen Größe aufgenommen und dann die Dateigröße reduziert, ohne dass die Qualität beeinträchtigt wird.

Shopify erlaubt Ihnen die Verwendung der folgenden Bildformate:

JPEG oder JPG
Fortschreitendes JPEG
PNG
GIF

PNG-Bilder sind nützlich, wenn Sie transparente Pixel in Ihrem Bild benötigen (Sie sehen sie oft mit einem Gittermuster im Hintergrund, das den transparenten Teil kennzeichnet), aber sie benötigen in der Regel mehr Platz als JPEGs, daher sollten Sie JPEGs als Standard verwenden, wenn Sie können.

Es gibt zwei Komprimierungsstufen:

verlustfreie Komprimierung", bei der Sie eine kleine Datei ohne Einbußen bei der Bildqualität erhalten
verlustbehaftete Komprimierung", die zu einer noch kleineren Datei führt, ABER zu einem Verlust an Bildqualität

Beide Optionen stehen Ihnen zur Verfügung, aber als E-Commerce-Website, die Produkte verkauft, ist es wahrscheinlich, dass die Bilder ein wichtiger Bestandteil sind, um die Kunden zum Kauf zu bewegen. In einer kürzlich von Eastside Co durchgeführten Umfrage unter 1.500 Online-Käufern gaben 37,8 % der Befragten an, dass sie die Produktbilder für sehr oder äußerst einflussreich" bei ihrer Kaufentscheidung halten. Vor diesem Hintergrund sollten Sie eine verlustfreie Komprimierung in Erwägung ziehen, um die Dateien zu verkleinern, ohne die Qualität zu beeinträchtigen.

Wenn Sie Bilder auf Ihre Website hochladen, vergewissern Sie sich, dass sie die für die Seite erforderliche Größe in Bezug auf Pixelbreite und -höhe haben. Sie können das kostenlose Tool tinypng.com verwenden, um die Größe Ihrer Bilder zu reduzieren.

Verwenden Sie ein schnelles und modernes Theme

Wenn Sie ein Standard-Theme verwenden, anstatt die Dienste eines Shopify-Experten wie Shopjet in Anspruch zu nehmen, stellen Sie sicher, dass Sie ein schnelles und responsives Theme wählen. Das bedeutet, dass die Elemente auf Ihrer Website an die Abmessungen des Geräts angepasst werden, mit dem sie angezeigt werden, was für eine bessere und schnellere Benutzererfahrung sorgt.

Überprüfen Sie die in Ihrem Store installierten Anwendungen

Gehen Sie in die Verwaltung Ihres Shopify-Shops und überprüfen Sie alle installierten Apps und entfernen Sie alle, die Sie nicht benötigen oder nicht verwenden. Oft ist der Grund für die langsamere Geschwindigkeit von Shopify-Websites die Anzahl der darauf ausgeführten Apps: Jede App, die Sie installieren, bedeutet mehr Code auf Ihrer Website und mehr zu ladende Elemente.

Neben den Apps lohnt es sich auch, den Code von Drittanbietern zu überprüfen und generell aufzuräumen, wenn Sie etwas nicht mehr benötigen.

Reduzieren Sie die Anzahl der HTTP-Anfragen

Jedes Mal, wenn ein Besucher eine Ihrer Webseiten in seinem Browser lädt, werden auch zusätzliche Webdateien geladen, z. B. CSS-Dateien, Javascripts, Designbilder usw. Jedes Mal, wenn eine solche Datei angefordert wird, erzeugt sie eine zusätzliche Anfrage, die der Browser verarbeiten muss. Diese Anfragen werden als HTTP-Anfragen bezeichnet, und je mehr es sind, desto länger dauert es.

Es gibt eine Reihe von technischen Maßnahmen, die Sie ergreifen können, um die Anzahl der HTTP-Anfragen zu verringern.

Minimierung von fehlerhaften Links und Weiterleitungen

Defekte Links können Ihre HTTP-Anfragen erhöhen (siehe Punkt 5), und Sie möchten nicht, dass Ihre Besucher auf ihnen landen, da dies die Wahrscheinlichkeit erhöht, dass sie Ihr Geschäft verlassen und woanders einkaufen.

Unnötige Weiterleitungen (z. B. Seite A verweist auf Seite B, die wiederum auf Seite C verweist, auf der der Besucher schließlich landet) führen dazu, dass Ihr Besucher länger braucht, um zu Ihrem Shop zu gelangen, und verlangsamen die Gesamtgeschwindigkeit der Website.

Im Shopify-App-Store gibt es Apps, die fehlerhafte Links und Weiterleitungen erkennen und Ihnen helfen, diese kontinuierlich zu beheben.

Schieberegler und Karussellbilder loswerden

Schieberegler haben auf manchen Websites durchaus ihre Berechtigung, aber wir würden ein einzelnes Hauptbild einem Bilderkarussell vorziehen. Und warum?

Kaum jemand klickt auf das erste Bild, geschweige denn, dass er das zweite oder dritte Bild sehen möchte.
Jede Folie bedeutet zusätzliches Gewicht für die Seite, und da niemand sie wirklich sieht oder nutzt, sind sie weitgehend überflüssig.
Auf mobilen Geräten sind sie noch weniger effektiv.

Verwenden Sie stattdessen ein "Hero-Image". Das ist alles, was Sie brauchen.

Setzen Sie alle Tracking-Codes über Google Tag Manager (GTM)

Verschieben Sie den Code von Drittanbietern, den Sie verwenden, in den Google Tag Manager. Im Laufe der Zeit wird Ihrer Website Marketing-Software oder Analytics-Code hinzugefügt, was unübersichtlich werden kann. Die Verwendung von GTM bedeutet, dass der gesamte Code von Drittanbietern einfacher zu verwalten ist und nur auf den relevanten Seiten geladen wird. Das bedeutet auch, dass Sie den Überblick behalten und alle Elemente entfernen können, die im Laufe der Zeit überflüssig werden.

Lazy Loading

Dies ist eine weitere einfache Möglichkeit, die Geschwindigkeit Ihres Shopify-Shops zu erhöhen. Lazy Loading ist eine Methode, bei der alles, was sich nicht "above the fold" auf einer Seite befindet, erst geladen wird, wenn der Nutzer weiter nach unten scrollt.

Dies ist ein großartiger Trick, um die Geschwindigkeit von Seiten zu optimieren, auf denen viele Bilder oder Videos zu finden sind. Im Wesentlichen werden nur die Elemente abgerufen, die benötigt werden, anstatt alles gleichzeitig zu laden. Sehen Sie sich diese ausführliche Anleitung zur Implementierung von Lazy Loading von CSS Tricks an.

Wir freuen uns auf Ihre schnelle Website!

Da haben Sie es also: 7 praktische Punkte, die Sie beachten sollten, um sicherzustellen, dass Sie alles tun, um die Geschwindigkeit Ihrer Website zu erhöhen. Wenn Sie Unterstützung für Ihren Shopify-Shop benötigen, von der Website-Geschwindigkeit bis zur Umsatzsteigerung, schreiben Sie uns eine Nachricht!