Shopify PageSpeed Optimierung
So optimierst Du deine Shopify Apps
In diesem Shopify SEO Tutorial zeigen wir, wie Ihr eine Shopify PageSpeed Optimierung durchführt. Mithilfe des Google PageSpeed Insights Tools decken wir auf, welche Apps sehr lange laden, um damit dann die Ladegeschwindigkeit eures Shops zu verbessern.
Doch wer sind wir überhaupt? – Wir sind eBakery, eine ganzheitliche eCommerce Agentur und Shopify Partner.
Mit Klick laden Sie das Video von YouTube (youtube-nocookie.com). Dabei werden Daten an YouTube übertragen. Datenschutz
Shopify PageSpeed Optimierung - Bessere Google Rankings durch kürzere Ladezeiten
Einer der wichtigsten Ansatzpunkte, um als Shopify Händler seine Conversion Rate zu erhöhen, ist ein Google Ranking auf der ersten Seite, wenn nicht sogar auf Platz 1. Doch wie erreicht man das? Leider ist das nicht auf einen einzigen Punkt zurückzuführen, sondern es ist von vielen Faktoren abhängig. Wie viel Konkurrenz gibt es für dieses Keyword? Wie lange habt Ihr eure Domain schon? Ist euer Shop On-Page SEO optimiert und betreibt Ihr auch eine Backlink Strategie für Off-Page SEO? Das sind alles Punkte, die wichtig sind, die nun auch in diesem Jahr von den Core Web Vitals ergänzt wurden. Die passende Google SEO Playlist haben wir hier verlinkt.
Google PageSpeed Insights Tool
Ein spezielles Kriterium, das uns in diesem Artikel interessieren wird, ist der PageSpeed. Dieser kann mithilfe des Pagespeed Insights Tools von Google selbst analysiert werden. Dargestellt wird das Ganze in einem 0 – 100 Raster, sowohl für die Desktop Ansicht als auch für die mobile Ansicht auf Tablets und Smartphones. Ihr werdet feststellen, dass der Mobile Wert immer niedriger sein wird als der Desktop Wert, weil die Geräte zum einen weniger performant sind, zum anderen die Ladegeschwindigkeit aufgrund von Netzschwankungen geringer ist und die Anforderungen an die Optimierung dadurch deutlich höher sind. Wir haben das Ganze mal mehrfach für unseren komplett leeren Shopify Testshop durchgeführt und erhielten Ergebnisse zwischen 82 und 90 für Mobile und 90 bis 99 für die Desktop Version, was schon Idealwerte ist. Würde man das Ganze bspw. mit Googles eigenen Diensten wie YouTube testen oder den großen Marktplatzriesen mit A unter die Lupe nehmen, hätte man deutlich schlechtere Ergebnisse, zumindest keine 100 Punkte. Das liegt daran, dass man bei der PageSpeed Optimierung immer Kompromisse eingehen muss. Diese Kompromisse liegen oftmals zwischen Qualität und Kompression wie es für Bilder, Videos, Grafiken und Ähnliches der Fall ist.
So findest Du heraus welche Apps lange laden
Wir wollen uns aber für diese Folge einmal die App Optimierung anschauen. Um euch das Ganze besser demonstrieren zu können, haben wir nun unseren Testshop mit 10 Apps bestückt. Darin enthalten ist eine Free Shipping Bar, ein Image Slider, eine Live Chat App und so weiter. Doch woher wissen wir nun, ob sich diese Apps auch auf unsere Ladegeschwindigkeit auswirken. Da kommt dann Googles PageSpeed Insights Tool ins Spiel. Wir lassen unseren Shop nun erneut analysieren und stellen fest, dass sich da ein wenig was getan hat. Allerdings nicht so viel wie für unser Video erhofft. Das spricht für die Optimierung von Shopify Apps. Nichtsdestotrotz können wir euch zeigen, worauf in eurem Fall zu achten ist.
Shopify PageSpeed Optimierung - Darauf kommt es an
Scrollt Ihr ein wenig herunter, werdet Ihr sehen, dass ein zu verbessernder Punkt die Ausführungszeit des JavaScripts ist. Drückt Ihr dort einmal drauf, klappen die Hinweise mit der längsten Ladezeit herunter. Zum einen haben wir bei uns noch die Passwortsicherung drin, was uns 422ms kostet. Der zweite Punkt hingegen sieht da schon kryptischer aus. Doch auch hier gibt uns Google eine Hilfe, denn die App Zuordnung steht direkt dahinter. In unserem Fall handelt es sich dabei um die Tidio Chat App, also unseren Live Chat. Die zweite App ist CornerCart und wieder taucht Tidio auf. Doch man muss hier ehrlicherweise sagen, dass es sich trotzdem noch um sehr geringe Ladezeiten handelt. Als Richtwert könnt Ihr hier 500ms nehmen. Überschreitet eine Position diesen Wert, solltet Ihr euch Gedanken machen.
Shopify PageSpeed Optimierung - Überdenkt ob alle Apps nötig sind
Doch was dann zu tun ist, dazu kommen wir gleich. Vorher noch ein kurzer Tipp. Solltet Ihr mit den in Klammern stehenden Hinweisen nichts anfangen können, weil die App mit der Bezeichnung eurer Ansicht nach nicht bei euch vorhanden ist, dann ermittelt doch mal den Entwickler oder die Entwickler Company hinter den Produkten. Bei unserer Free Shipping Bar ist es beispielsweise Hextom. Oftmals steht dann auch dieser Hinweis in der Google Analyse und dann wisst Ihr es auch zuzuordnen. Nun aber zum Handlungsspielraum, was Ihr machen könnt, wenn euer PageSpeed nicht den Vorstellungen entspricht. Zum einen solltet Ihr in jedem Fall alle inaktiven Apps löschen, denn auch diese können im Hintergrund dafür sorgen, dass die Ladegeschwindigkeit abnimmt. Ansonsten ist es eure individuelle Entscheidung als Shop Betreiber abzuwägen, ob bestimmte Apps wirklich sein müssen oder der Speed überwiegt. Dementsprechend schaltet diese auf inaktiv und löscht sie.
Löscht auf jeden Fall inaktive Apps
Doch was dann zu tun ist, dazu kommen wir gleich. Vorher noch ein kurzer Tipp. Solltet Ihr mit den in Klammern stehenden Hinweisen nichts anfangen können, weil die App mit der Bezeichnung eurer Ansicht nach nicht bei euch vorhanden ist, dann ermittelt doch mal den Entwickler oder die Entwickler Company hinter den Produkten. Bei unserer Free Shipping Bar ist es beispielsweise Hextom. Oftmals steht dann auch dieser Hinweis in der Google Analyse und dann wisst Ihr es auch zuzuordnen. Nun aber zum Handlungsspielraum, was Ihr machen könnt, wenn euer PageSpeed nicht den Vorstellungen entspricht. Zum einen solltet Ihr in jedem Fall alle inaktiven Apps löschen, denn auch diese können im Hintergrund dafür sorgen, dass die Ladegeschwindigkeit abnimmt. Ansonsten ist es eure individuelle Entscheidung als Shop Betreiber abzuwägen, ob bestimmte Apps wirklich sein müssen oder der Speed überwiegt. Dementsprechend schaltet diese auf inaktiv und löscht sie.
Shopify Agentur eBakery
Manchmal kann es aber auch daran liegen, dass schluderig gecodet wurde und man bestimmte Dinge so optimieren kann, dass sie für euren individuellen Case passen, aber die Ladegeschwindigkeit nicht groß beeinflussen. Da kommen dann wir von eBakery ins Spiel. Als Shopify Agentur ist das unser tägliches Brot und wir wissen, welche Apps im App Store zur Verfügung stehen, die vielleicht besser geeignet wären, können aber zur Not auch eine Individuallösung für euch kreieren. Schaut dafür einfach mal auf unserer Agenturseite vorbei und vereinbart gerne einen Termin mit den Experten von eBakery.
1. Warum lädt mein Shopify-Shop langsam, obwohl ich nur wenige Produkte habe?
Auch ein kleiner Shopify-Shop kann langsam werden, wenn beispielsweise zu viele Apps installiert sind, große Bilder verwendet werden oder das Theme unnötig viele Skripte lädt. Deshalb sollte nicht nur die Anzahl der Produkte betrachtet werden. Eine PageSpeed-Analyse kann zeigen, welche technischen Bestandteile die Ladezeit tatsächlich beeinflussen.
2. Welche Shopify Apps können meinen Shop langsamer machen?
Apps können zusätzliche JavaScript-Dateien und andere Ressourcen laden, die die Performance beeinflussen. Besonders bei mehreren gleichzeitig eingesetzten Apps kann sich die Ladezeit summieren. Mit Google PageSpeed Insights lässt sich unter anderem untersuchen, welche Skripte besonders viel Ausführungszeit benötigen.
3. Sollte ich ungenutzte Shopify Apps löschen?
Ja, ungenutzte Apps sollten möglichst entfernt werden. Laut eBakery können auch inaktive Apps die Ladegeschwindigkeit eines Shops beeinflussen. Deshalb lohnt es sich, regelmäßig zu prüfen, welche Apps tatsächlich benötigt werden und welche entfernt werden können.
4. Was kann ich tun, wenn mein Shopify Mobile PageSpeed deutlich schlechter ist als Desktop?
Mobile Geräte verfügen häufig über weniger Rechenleistung und können zusätzlich durch langsamere oder schwankende Netzwerkverbindungen beeinträchtigt werden. Deshalb sollte die mobile Darstellung separat analysiert werden. Besonders Bilder, JavaScript, Layout-Verschiebungen und nicht benötigte Ressourcen können dabei wichtige Optimierungspunkte sein.
5. Wie kann ich große Bilder in meinem Shopify-Shop optimieren?
Große Bilddateien können unnötig viele Daten übertragen und dadurch die Ladezeit verlängern. Bilder sollten deshalb passend zur tatsächlichen Darstellung dimensioniert und möglichst komprimiert werden. Dabei muss ein sinnvoller Kompromiss zwischen Bildqualität und Dateigröße gefunden werden.
6. Warum ist mein Shopify-Shop trotz eines guten PageSpeed-Scores nicht besonders schnell?
Ein PageSpeed-Score ist nur ein Teil der Performance-Betrachtung. Unterschiedliche Seiten können sich beispielsweise hinsichtlich Inhalt, Apps und verwendeten Ressourcen deutlich unterscheiden. Zusätzlich können reale Nutzerbedingungen wie Gerät und Netzwerk die wahrgenommene Ladezeit beeinflussen. Deshalb sollte nicht nur ein einzelner Score betrachtet, sondern die konkreten Performance-Messwerte analysiert werden.
7. Welche Rolle spielen Core Web Vitals bei der Shopify Performance?
Die Core Web Vitals helfen dabei, wichtige Aspekte der Nutzererfahrung technisch zu bewerten. Dazu gehören unter anderem Ladegeschwindigkeit, Interaktivität und visuelle Stabilität. Shopify stellt entsprechende Performance-Daten inzwischen auch im eigenen Backend zur Verfügung, sodass Händler die Entwicklung ihres Shops beobachten können.
8. Was kann ich tun, wenn mein Shopify Theme die Ladezeit beeinträchtigt?
Ein Theme kann durch unnötigen Code, zusätzliche Skripte oder aufwendige Funktionen die Performance beeinflussen. Zunächst sollte analysiert werden, welche Bestandteile tatsächlich benötigt werden. Anschließend können beispielsweise nicht benötigte Elemente entfernt, der Code optimiert oder individuelle Lösungen angepasst werden, ohne wichtige Funktionen des Shops zu verlieren.
9. Wie kann ich mit Google PageSpeed Insights die Performance meines Shopify-Shops prüfen?
Dafür wird die URL der jeweiligen Shopify-Seite in Google PageSpeed Insights eingegeben. Das Tool analysiert die Seite sowohl für mobile Geräte als auch für Desktop und zeigt verschiedene Performance-Messwerte sowie konkrete Optimierungsmöglichkeiten an. Wichtig ist, nicht nur die Punktzahl zu betrachten, sondern auch die einzelnen Hinweise zur technischen Ursache auszuwerten.
10. Wann lohnt sich professionelle Unterstützung bei der Shopify PageSpeed Optimierung?
Professionelle Unterstützung kann sinnvoll sein, wenn die Ladezeiten trotz eigener Optimierungsversuche schlecht bleiben oder nicht eindeutig erkennbar ist, welche Apps, Skripte, Bilder oder Theme-Bestandteile die Performance beeinträchtigen. Eine detaillierte Analyse kann die konkreten Ursachen identifizieren und zeigen, welche Optimierungen sinnvoll sind, ohne wichtige Funktionen des Shops unnötig zu entfernen.
Haben Sie Fragen oder brauchen ein individuelles Angebot? Zögern Sie nicht, uns zu kontaktieren.
Haben Sie Fragen oder brauchen ein individuelles Angebot? Zögern Sie nicht, uns zu kontaktieren.
