Der folgende Artikel hilft Ihnen dabei: 7 Möglichkeiten, die Geschwindigkeit Ihres Shopify-Shops zu optimieren
Fast ¼ der Besucher verlassen die Seite, wenn das Laden länger als 4 Sekunden dauert. 46 % von ihnen kehren aufgrund schlechter Website-Performance nie wieder auf die Website zurück. Eine langsame Website führt zu einem schlechten Kundenerlebnis und vertreibt die Kunden.
Würden Sie jemals 15 Sekunden warten, bis die Website ihren Inhalt geladen hat? Sie verlassen sofort die Website und suchen nach anderen Geschäften. Eine langsame Website behindert also den Website-Verkehr und erhöht die Absprungrate. Beides wirkt sich negativ auf den potenziellen Kundenstamm aus.
Bei der Geschwindigkeit einer Website geht es nicht nur um die technische Wartung. Es hat direkten Einfluss auf den Umsatz. Wie können wir also die Geschwindigkeit Ihrer Shopify-Shop-Website verbessern? Heute werfen wir einen Blick auf 7 Tipps zur Optimierung der Geschwindigkeit Ihrer Shopify-Shop-Website.
1. Bildoptimierung
2. Analysieren Sie Apps von Drittanbietern
3. Implementieren Sie AMP (Accelerated Mobile Pages)
4. Wählen Sie die richtigen Themes und Funktionen
5. Lazy Loader
6. Vermeiden Sie Pop-ups
7. Reduzieren Sie Weiterleitungen und defekte Links
8. Shopify Store-Site-Geschwindigkeits-Benchmark
Shopify stellt im Dashboard selbst einen Website-Geschwindigkeits-Score bereit. Dieser Score misst, wie schnell Ihre Website geladen wird, basierend auf den Leistungsmetriken von Google Lighthouse. Der durchschnittliche Geschwindigkeitswert einer Shopify-Website liegt bei 50. Alles über 70 ist ein großartiger Geschwindigkeitswert.
Falls Ihr Site-Score unter 50 liegt, sollten Sie diese Taktiken anwenden, um die Site-Leistung zu verbessern. Darüber hinaus sollten Sie professionelle Hilfe bei technischen Feinheiten wie der Minimierung von Java- und HTML-Skripten oder der Render-Blockierung von CSS und Javascript in Anspruch nehmen. Shopify-Websites arbeiten stark mit HTML, CSS, Javascript usw., was die Website verlangsamt. Wenn also keiner der unten genannten Tipps funktioniert, überprüfen Sie Ihre Codes und das Backend Ihrer Website.
1. Bildoptimierung
Beginnen Sie mit den Grundlagen: Bildern. Hochauflösende Bilder können die Geschwindigkeit der Website verlangsamen. Und wenn Ihr Shop über mehrere HD-Bilder, Grafiken und Videos verfügt, wird Ihre Website stark hinterherhinken. Hier sind 5 Möglichkeiten, Bilder zu optimieren und die Geschwindigkeit der Website zu verbessern:
Laden Sie komprimierte Bilder hoch
Sie reduzieren die Dateigröße und die Auslastung der Website. Achten Sie jedoch darauf, die angegebenen Bildabmessungen einzuhalten, um Bilder mit geringer Qualität zu vermeiden.
Vermeiden Sie Schieberegler und entscheiden Sie sich für ein Heldenlayout
Nur 1 % der Besucher nutzen Slider. Anstatt sich also für 4–7 HD-Bilder zu entscheiden, verwenden Sie 1 hochauflösendes Bild.
Vermeiden Sie GIFs oder Videos.
Wenn Ihr Produkt mehrere Bilder erfordert, wählen Sie 3-4 hochauflösende Bilder. Ein qualitativ hochwertiges GIF oder Video kann verzögert sein und es kann lange dauern, bis es auf dem System des Besuchers geladen wird.
Verwenden Sie einen verzögerten Lader
Falls Sie nicht auf das Hochladen vieler Bilder, Videos oder GIFs verzichten können, lädt die Website in diesem Fall nur Inhalte, die auf dem Bildschirm des Benutzers verfügbar sind. Solange der Benutzer also den Slider nicht öffnet oder das Video nicht erreicht, wird es nicht geladen. Dadurch wird nicht nur die Inhaltslast begrenzt, sondern die Website läuft auch schneller.
Bleiben Sie bei statischen Bildern
Anstelle von GIFs oder Videos entlasten sie die Website und verbessern die Geschwindigkeit erheblich.
2. Analysieren Sie Apps von Drittanbietern
Die Installation einer Drittanbieter-App ist für Shopify-Shop-Besitzer gängige Praxis. Sie fügen diese hinzu, um die Leistung zu verbessern, Funktionen hinzuzufügen, Automatisierung zu ermöglichen und vieles mehr. Wenn Sie jedoch zu viele Apps erhalten, wirkt sich dies auch auf den Code aus. Es führt zu langsamer Geschwindigkeit. So?
- Identifizieren Sie die Apps, die keinen Zweck erfüllen und nutzlos sind.
- Deinstallieren Sie diese Apps. Falls bestimmte Funktionen der App unwirksam sind, entfernen Sie sie.
- Durch das Deaktivieren von Funktionen oder das Deinstallieren von Apps wird die Codeintegration nicht entfernt. Sie müssen sie also manuell entfernen.
Entfernen Sie die nicht verwendeten Apps. Suchen Sie außerdem nach Alternativen zu den Anwendungen, die die Geschwindigkeit der Website beeinträchtigen.
3. Implementieren Sie AMP (Accelerated Mobile Pages)
Im Jahr 2020 kamen in den USA 61 % des Website-Verkehrs von mobilen Geräten. Mehr als die Hälfte der Benutzer überprüfen Ihren Shop per Telefon. Das Telefon braucht jedoch länger, um eine normale Website auf einen PC zu laden. Daher ist die Optimierung Ihrer Website für Mobiltelefone nicht verhandelbar.
Ihr technisches Team könnte Ihnen bei der mobilen Optimierung helfen. Sie können jedoch einige Apps aus dem Shopify-Dritt-App-Verzeichnis zu DIY hinzufügen. Apps wie FireAMP und Shopsheriff helfen bei AMP. Es nimmt viel Zeit in Anspruch, diese einzurichten. Allerdings können Sie auf diese Weise ein viel größeres Publikum erreichen.
4. Wählen Sie die richtigen Themes und Funktionen
Shopify verfügt über eine umfangreiche Bibliothek mit Themen, Funktionen und Schriftarten. Diese verbessern das Design Ihrer Website und sorgen dafür, dass sie attraktiv aussieht. Allerdings wird die Website mit jedem zusätzlichen Thema/Feature langsamer.
- Stellen Sie sicher, dass Sie a hinzufügen responsives Thema. Überprüfen Sie, ob das Theme die Website verlangsamt, und ersetzen Sie es dann.
- Analysieren Sie, ob alle hinzugefügten Funktionen genutzt werden oder nicht. Falls eine Funktion wertlos ist, entfernen/deaktivieren Sie sie.
- Entscheiden Sie sich für Systemschriftarten: Mono, Serif und Sans-Serif. Vermeiden Sie ausgefallene Schriftarten, die das System des Benutzers erst herunterladen muss. In solchen Fällen nimmt das Herunterladen der Schriftart, das Laden der Schriftart und das Laden der Website viel Zeit in Anspruch. Obwohl Shopify viele Optionen für Schriftarten bietet, funktioniert es gut, sich an die grundlegenden Systemschriftarten zu halten.
Alle Themes und Funktionen enthalten viel CSS/HTML, was sich auf die Geschwindigkeit der Website auswirkt. Wählen Sie sie mit Bedacht aus und vermeiden Sie unnötige Elemente.
5. Lazy Loader
Lazy Loading ist eine Optimierungstechnik, bei der die Seite nur begrenzte Inhalte lädt. Wenn sich der Benutzer in einem bestimmten Teil des Shops/der Website befindet, wird nur dieser bestimmte Teil geladen. Es ähnelt dem verzögerten Laden von Videos. Sofern nicht erforderlich, lädt die Seite nur Elemente, mit denen der Benutzer interagiert.
Es ist effektiv für Geschäfte, die viele Bilder, Videos, GIFs und andere umfangreiche Dateien hinzufügen. Dies kann eine erhebliche Ladezeit einsparen und die Geschwindigkeit der Website steigern.
6. Vermeiden Sie Pop-ups
Pop-ups sind für Unternehmen von entscheidender Bedeutung, um Infoprodukte oder Newsletter hervorzuheben. Sie tragen dazu bei, dass bestimmte Inhalte im Rampenlicht stehen und mehr Aufmerksamkeit erregen. Sie verringern jedoch die Geschwindigkeit der Website und beeinträchtigen das Benutzererlebnis.
- Vermeiden Sie große Pop-ups, die die gesamte Seite einnehmen. Sie verlängern die Ladezeit und führen zu Verzögerungen/Einfrierungen der Website. Außerdem kann es für den Benutzer frustrierend sein, ein Popup zu erhalten, das die gesamte Seite abdeckt.
- Verwenden Sie Pop-ups auf bestimmten hochwertigen Seiten. Sie müssen nicht auf jeder einzelnen Website/Store-Seite ein Popup hinzufügen. Analysieren Sie die Anforderungen und nutzen Sie sie entsprechend.
- Zeigen Sie ein Popup an, nachdem ein Benutzer einige Sekunden lang mit der Maus über Ihre Website geschwebt ist. Ein Benutzer, der Ihre Website besucht und wieder verlässt, würde nicht mit Ihrem Pop-up interagieren. Fügen Sie also 7–15 Sekunden nach der Landung des Benutzers in Ihrem Shop ein Popup hinzu. Sie sind effektiver und haben eine bessere Klickrate.
7. Reduzieren Sie Weiterleitungen und defekte Links
Ein Shop kann verschiedene Weiterleitungen oder defekte Links haben. Allerdings hinken sie der Website hinterher und die Geschwindigkeit verringert sich erheblich. Sie können dies direkt über das Shopify-Dashboard beheben, indem Sie eine 404-Weiterleitung durchführen.
Alternativ können Sie eine 301-Weiterleitung hinzufügen, die den Benutzer zu einer neuen URL weiterleitet. Sie können diese Links auch mit Hilfe des technischen Teams entfernen. Sie würden alle defekten Links entfernen und die Weiterleitungen reduzieren.
Zusätzlich zu all diesen Tipps können Sie den Google Tag Manager zur Shop-Optimierung verwenden. Sie migrieren Ihren Code zum Tool, was dabei hilft, den gesamten Code asynchron zusammen zu laden. Aus technischer Sicht gibt es viele Möglichkeiten, die Ladengeschwindigkeit zu verbessern. Dies könnte bedeuten, HTML/CSS zu minimieren, das Rendern zu blockieren, unnötige Codes zu entfernen und zu migrieren.
Aber wie lange sollte das Laden Ihrer Website im Durchschnitt dauern? Schauen wir uns einige Benchmarks an.
8. Shopify Store-Site-Geschwindigkeits-Benchmark
Eine gute Shopify-Shop-Geschwindigkeit, die im Dashboard verfügbar ist, liegt bei über 50. Es gibt aber auch andere Tools, die Sie einsetzen können, um die Geschwindigkeit Ihrer Website zu überprüfen.
Eine durchschnittliche Website benötigt etwa 3,8 Sekunden, um das erste Bild zu laden, und 22,1 Sekunden, um interaktiv zu werden. Dauert Ihre Website länger? Überprüfen Sie die Ladegeschwindigkeit der Website für Ihren Shopify-Shop.
Hier ist eine Tabelle mit Durchschnittswerten und den besten Shopify-Shop-Geschwindigkeits-Benchmarks.
| Erstes Bild laden | 2,78 Sekunden | 3,8 Sekunden |
| Zeit für Interaktivität | 8,98 Sekunden | 22,1 Sekunden |
| Seitengröße | 2,1 MB | 4,41 MB |
| Bilder | 1,11 MB | 2,1 MB |
| Anfragen | 72 | 177 |
Darüber hinaus können Sie hier auch die Geschwindigkeit Ihrer Website überprüfen.
Wenn Sie diese Websites nutzen, führen Sie den Test dreimal durch, um ein klares Bild zu erhalten. Verwenden Sie von da an Durchschnittswerte, verlassen Sie sich jedoch nicht auf einen einzelnen Test. Dies sorgt für bessere Ergebnisse und ein klares Bild der Ladengeschwindigkeit.
FAQs
Was ist die beste Geschwindigkeit für den Shopify-Shop?
Der Shopify-Geschwindigkeitswert wird im Dashboard selbst angezeigt. Shops sollten versuchen, einen Wert über 50 zu erreichen. Ein Geschwindigkeitswert von 70 gilt als gut für den Shopify-Shop.
Was sind die häufigsten Faktoren, die eine Website verlangsamen, insbesondere eine Shopify-Website?
Die häufigsten Elemente, die sich auf die Ladengeschwindigkeit auswirken, sind Bilder und umfangreiche Back-End-Codes. Hochauflösende Bilder, Videos und GIFs brauchen Zeit, um zu laden und interaktiv zu werden. Andererseits erhöhen Themes, Funktionen und Apps von Drittanbietern den Website-Code, was die Geschwindigkeit des Shops verringert.
