Wie Sie die Ladezeit Ihrer E-Commerce-Marke verbessern
Um ihre technischen Bemühungen und, was am wichtigsten ist, das Wachstum ihrer Händler zu unterstützen, hat Shopify hervorragende Arbeit geleistet und ein Ökosystem aus unglaublich nützlichen Apps geschaffen, die einfach zu Ihrer Shopify-Website hinzugefügt werden können.
Unter Shopify App Marketplace, können Händler auf Tausende von Anwendungen zugreifen, die ihnen bei allem helfen, von A/B-Tests für die Preisgestaltung über die Erstellung von Conversion-Pop-ups bis hin zur Erstellung von „klimafreundlichen Warenkörben“.
Händler lieben es, weil es ihnen ermöglicht, ihrer Website schnell und bei Bedarf No-Code-Funktionalität hinzuzufügen.
Entwickler lieben es, weil es ihnen eine Plattform bietet, um ihre Anwendungen zu präsentieren, und ihrem Geschäft eine zusätzliche Einnahmequelle hinzufügt.
Und Shopify liebt es, weil es die Anzahl der Funktionsanfragen reduziert, die sie in das Kernprodukt einbauen müssen, und es ihnen großartige Ideen für die nächsten Schritte gibt.
Also eine Win-Win-Situation für alle, oder?
Nicht so schnell.
Wie Sie die Website-Geschwindigkeit mit Shopify Marketplace Apps verbessern
Sie haben gerade Ihre erste App entwickelt. Herzlichen Glückwunsch! Der nächste logische Schritt ist, eine App-Marketplace-Seite zu erstellen und sie zur Genehmigung beim Shopify-Team einzureichen.
Wenn Sie Ihre Marketplace-Seite erstellen, werden Sie einen Text darüber verfassen, wie Ihre App Händlern hilft, den Umsatz zu steigern, Kosten zu senken oder effizienter zu arbeiten – all diese Verbesserungen, die Händler dringend benötigen und die Ihre App höchstwahrscheinlich bietet.
Über Funktionen und den Wert zu sprechen, fällt wahrscheinlich relativ leicht. Sie kannten den Mehrwert, den Sie bieten, und haben Marktforschung betrieben, noch bevor Sie eine einzige Zeile Code geschrieben haben.
Sie haben wahrscheinlich mit Händlern, die Sie kennen, über deren Probleme gesprochen und ein Angebot darum herum erstellt. Über Kosten zu sprechen, könnte jedoch eine größere Herausforderung sein.
Technisch gesehen gibt es drei Hauptkosten, die Sie von Ihren Händlern (Kunden) verlangen. Zwei sind ziemlich offensichtlich, aber es gibt eine versteckte dritte.
- Abonnementkosten: Sie bieten wahrscheinlich eine kostenlose Testversion für etwa 30 Tage an. Danach wird den Kunden wahrscheinlich eine monatliche Gebühr berechnet. Möglicherweise haben Sie auch verschiedene Preisstufen, die auf Volumen, Nutzung oder Funktionsumfang basieren. Hoffentlich wächst mit Ihrem Kunden auch dessen Wert für Ihr Unternehmen.
- Zeitkosten: Die meisten guten Apps sparen im Vergleich zur nächstbesten Option erheblich Zeit und bieten wesentlich mehr Wert als die Alternative des Nichtstuns, des Status quo. Sie haben Ihre Anwendung so konzipiert, dass sie einfach einzurichten ist, und Sie haben diesen Vorteil hervorragend vermarktet.
- Kosten für Web-Ressourcen: die versteckten Kosten. Ihr Produkt wird in die Website Ihres Kunden eingebettet und fügt Megabytes an Ressourcen, Bibliotheken und APIs hinzu, die bei jedem Besuch eines Kunden im Shop geladen werden müssen. Auf diese Kosten werden wir uns in diesem Artikel konzentrieren.
Wie Sie die Website-Geschwindigkeit mit den richtigen Apps verbessern
Zurück zu Ihnen als Händler: Sie können wahrscheinlich die Erfahrung nachvollziehen, eine Funktion in Shopify zu vermissen, zum Marketplace zu gehen, eine Anwendung zu finden, die diese Funktion abdeckt und über solide soziale Beweise verfügt, und sie in Ihren Technologie-Stack aufzunehmen.
Zusätzlich haben Sie sich die Preise angesehen und berechnet, ob der monatliche Preis den Wert wert ist, den er Ihrem Unternehmen hinzufügt.
Die Wahrscheinlichkeit ist jedoch hoch, dass Sie nicht über die Auswirkungen nachgedacht haben, die diese neue Anwendung auf die Größe, Geschwindigkeit und Benutzererfahrung Ihrer Website hat. Ich verstehe das.
Die ersten beiden Punkte sind eine grundlegende Kosten-Risiko-Nutzen-Analyse, mit der die meisten Geschäftsinhaber mehr als vertraut sind.
Der dritte Punkt? Das klingt eher nach einer Aufgabe für einen Entwickler oder sogar einen sehr technischen Vermarkter.
Es gibt jedoch Dinge, die jeder Shopify-Shop-Besitzer heute tun kann, um seine Beziehung zu Apps zu verbessern und eine bessere Geschwindigkeit, Zuverlässigkeit, SEO-Scores, Traffic und Verkäufe zu erzielen.
Wir werden auch die Beziehung zwischen all dem oben Genannten erklären und Ihnen Tipps geben, wie Sie einen schnelleren, SEO-freundlicheren Shop aufrechterhalten können.
Die Auswirkung der Website-Geschwindigkeit auf SEO
Für jede App, die Sie Ihrem Shop hinzufügen, fügen Sie Bibliotheken, Ressourcen, APIs und andere Elemente hinzu, die bei jedem neuen Besucher Ihrer Website geladen werden müssen.
Je mehr Elemente geladen werden müssen (und je schwerer sie sind), desto langsamer wird Ihre Website für Ihre Kunden geladen.
Je langsamer die Ladezeit, desto schlechter das Kundenerlebnis.Mehr als die Hälfte Ihrer Besucher werden die Seite verlassen, ohne auch nur Ihre Startseite zu navigieren, wenn Ihre Time-to-Interactive über 10 Sekunden liegt.
Für Suchmaschinen, insbesondere Google, ist die Kundenerfahrung einer der Hauptfaktoren, die sie bei der Priorisierung berücksichtigen, welche Ergebnisse für ein bestimmtes Keyword angezeigt werden sollen.
Wenn sie Traffic auf Ihre Website geschickt haben und die Erfahrung nicht gut war (lange Ladezeiten, geringe Verweildauer, geringe Anzahl aufgerufener Seiten usw.), sind die Chancen, dass sie mehr Traffic zu Ihnen schicken, erheblich reduziert.
In diesem Sinne hat Google kürzlich Core Web Vitals, eine Sammlung von Signalen in Bezug auf Geschwindigkeit, Reaktionsfähigkeit und Stabilität, veröffentlicht und fordert Website-Besitzer zur Optimierung auf.
Sie haben auch eine neue Version ihres Lighthouse Website-Performance-Tools veröffentlicht, mit dem Website-Besitzer ihre Leistung bewerten können.
Wie schneiden Sie ab?
Mein Freund Darjan Hren, der eine der führenden Persönlichkeiten in der Welt der Conversion-Optimierung für E-Commerce ist und seine eigene CRO-Beratung betreibt (hren.io).
Er hat kürzlich einen Bericht über die Leistung von 1000 Top-E-Commerce-Websites veröffentlicht, die auf Shopify basieren und den neuen Lighthouse-Standards entsprechen. Die Ergebnisse? Nicht gut.
Ein durchschnittlicher Performance-Score von nur 27 ist erbärmlich, besonders wenn wir wissen, dass diese Websites einige der Top-E-Commerce-Marken im Web sind, die in der Regel über eigene Entwicklungs-, Marketing- und Conversion-Optimierungsressourcen im eigenen Haus verfügen.
Viele von ihnen nutzen sogar Shopify Plus und haben Setups auf Unternehmensebene, doch ihre Leistung spiegelt das nicht wider.
Abgesehen von den Gesamt-Scores gibt es zwei Hauptzahlen, auf die man sich konzentrieren sollte:
- First Contentful Paint ist ein schicker Entwicklerbegriff für das erste sichtbare geladene Element. Es ist die Zeit zwischen dem Klick auf einen Link und dem Moment, in dem die Person Ihr Startseiten-Banner oder Ihre Navigationsleiste sieht. 3,8 Sekunden sind langsam. Zu diesem Zeitpunkt ist einer von sechs Kunden, den Sie hart (und möglicherweise bezahlt) akquiriert haben, bereits abgesprungen.
Time to Interactive ist die Zeit zwischen dem Moment, in dem der Besucher auf Ihrer Website landet, und dem Zeitpunkt, an dem die Website vollständig geladen ist. Davor werden Ihre Kunden nicht die Erfahrung haben, die Sie für sie entworfen haben. Eine TTI von fast 19 Sekunden ist ebenso schlecht, wenn nicht sogar schlechter.
Time to Interactive ist die Zeit zwischen dem Moment, in dem der Besucher auf Ihrer Website landet, und dem Zeitpunkt, an dem die Website vollständig geladen ist. Davor werden Ihre Kunden nicht die Erfahrung haben, die Sie für sie entworfen haben. Eine TTI von fast 19 Sekunden ist ebenso schlecht, wenn nicht sogar schlechter.
Langsames Laden beeinträchtigt nicht nur Ihre SEO-Rankings. Es senkt auch Ihre Konversionsraten, da Ihre Käufer ein reibungsloses Einkaufserlebnis wünschen.
Fast zwanzig Sekunden vor jeder Produkt-, Warenkorb- oder Checkout-Seite zu warten, die sie durchlaufen, ist unglaublich frustrierend und gibt ihnen mehr Zeit, ihren Kauf zu überdenken.
Gleichzeitig erhöht es Ihre Kundenakquisitionskosten, da Facebook ebenfalls bevorzugt Traffic an Websites sendet, die eine bessere Leistung bieten (da die Leistung gut mit den Konversionsraten korreliert).
Alles in allem fließen SEO, Konversionsraten und CAC ineinander und erzeugen eine Abwärtsspirale, die Sie unbedingt vermeiden sollten.
Wie Sie die Website-Geschwindigkeit sofort verbessern
Gehen Sie zum Abschnitt „Apps“ in der linken Spalte Ihrer Shopify-Admin-Seite und gehen Sie die Liste der Apps sorgfältig durch.
Welche verwenden Sie nicht? Auf welche können Sie verzichten? Welche überschneiden sich? Löschen Sie diese. Ihr Ziel sollte es sein, alles Notwendige mit so wenigen Apps wie möglich zu erledigen.
Zusätzlich:
- Wenn Sie das nächste Mal planen, eine neue Anwendung zu Ihrem Stack hinzuzufügen, fügen Sie „Ressourcenkosten“ zu Ihrer Kosten-Nutzen-Matrix hinzu. Wenn Sie mit einem Vertriebsmitarbeiter sprechen, fragen Sie ihn, wie sich das Hinzufügen dieser neuen App auf die Ladegeschwindigkeit Ihrer Website auswirken wird.
- Erstellen Sie Kalendererinnerungen für alle 3/6 Monate, um „Technologie-Stack-Audits“ durchzuführen, bei denen Sie den oben genannten Prozess der Bestandsaufnahme Ihrer Website durchgehen und Tools entfernen, die möglicherweise nicht mehr benötigt werden.
- Erstellen Sie eine Richtlinie und ein Verfahren für das Hinzufügen neuer Apps zu Ihrer Website und teilen Sie diese mit Ihrem Team.
Es gibt weitere Punkte, die Sie bei der Geschwindigkeitsoptimierung ebenfalls beachten sollten:
- Vorlagen: Nicht jede Vorlage ist gleich. Einige von ihnen sind extrem schwer. Berücksichtigen Sie die Größe, wenn Sie zu einer neuen migrieren.
- Bilder: möglicherweise der Hauptschuldige für langsam ladende Websites. Machen Sie es sich zur Gewohnheit, die Bilder auf Ihrer Website zu minimieren. Es gibt Kompressoren online, die die Größe Ihrer Bilder um bis zu 95 % reduzieren können, während der Großteil der Qualität erhalten bleibt.
Alles in allem ist leichter oft besser. Wenn Sie das nächste Mal darüber nachdenken, diese neue App zu Ihrer Website hinzuzufügen, denken Sie daran, dass sie Ihren Umsatz möglicherweise nicht nur nicht steigert, sondern sogar reduziert.
