5 Möglichkeiten, die Leistung Ihrer E-Commerce-Website zu steigern

Wachsende Märkte und zunehmender Wettbewerb veranlassen E-Commerce-Shop-Besitzer, nach Möglichkeiten zu suchen, sich von der Masse abzuheben und das Kundenverhalten zu beeinflussen, was sie zum Kauf zwingt. Einer der Hauptfaktoren, der den Verkauf behindert, ist jedoch die langsame Leistung der Website .

Laut der Studie von Radware dauert es 3 Sekunden, bis ein Besucher eine Website verlässt, wenn die Seite nicht schnell geladen wird. Darüber hinaus werden 79 % der Kunden, die mit der Leistung der Website nicht zufrieden sind, wahrscheinlich nicht wieder im Geschäft einkaufen. Obendrein ist die Geschwindigkeit bei der Suchmaschinenoptimierung ein direkter Rankingfaktor, da Google Websites mit einer langsamen Leistung nicht in den Top-Suchergebnissen erscheinen lässt .

In der E-Commerce-Welt, in der jede Sekunde zählt, leiden alle Geschäftskennzahlen, wenn eine Website langsam ist: tägliche Anwesenheitsrate, Conversions, Absprungrate, Suchranking, Seitenaufrufe und vor allem Umsatz und Umsatz. Selbst eine Verzögerung von einer Sekunde bei der Seitenantwort kann zu einem Rückgang der Conversions um 7 % führen.

Klingt so, als ob die Web-Performance von entscheidender Bedeutung ist, oder? In diesem Artikel werden wir die häufigsten Fehler von E-Commerce-Shop-Besitzern identifizieren und Möglichkeiten zur Verbesserung der Webleistung und -geschwindigkeit skizzieren.

Wie identifiziert man Hauptleistungsprobleme für eine schnellere Optimierung der Website-Geschwindigkeit?

Die Leistung wird vollständig anhand von Daten gemessen. Der einfachste Weg, die Metrik zu messen, besteht darin, sie mit Analysetools für E-Commerce zu testen, die für Webmaster und Ladenbesitzer entwickelt wurden, um ihre Projekte zu überwachen und eine aktuelle Leistungsoptimierung bereitzustellen.

Hier sind einige Tools, mit denen Sie die Leistung Ihrer Website verfolgen können:

• Google PageSpeed ​​Insights

Das Tool von Google berichtet nicht nur über die Geschwindigkeit der Seite auf Desktop- und Mobilgeräten, sondern gibt umsetzbare Empfehlungen, wie die Seite verbessert werden muss, um bessere Ergebnisse zu erzielen. Das Hauptmerkmal von Google PageSpeed ​​Insights ist die Bereitstellung von Feld- und Labordaten. Der letzte basiert auf einer simulierten Ladeseite auf einem Mittelklasse-Gerät (Moto G4) und einem festen Satz von Netzwerkbedingungen. Die Labordaten können zum Debuggen von Leistungsproblemen verwendet werden. Die Felddaten sind eine Art historischer Bericht über die Leistung einer URL und basieren auf anonymisierten Leistungsdaten von realen Benutzern auf verschiedenen Geräten und Netzwerkbedingungen. Die Daten sind nützlich, um die wahre Benutzererfahrung zu bestimmen. Durch Zusammenführen und Analysieren beider Daten kann sich der Benutzer ein vollständiges Bild von der Leistung der Website machen.

• GTMetrix

Es ist ein einfach zu bedienendes Online-Tool, das verwendet wird, um die Ladezeit von Websites zu testen, indem es die Ergebnisse in Noten von A bis F einteilt und viele Details zu bestimmten Problemen Ihrer Website bereitstellt, zum Beispiel bietet es Details darüber, welche Aspekte die nehmen die meiste Zeit zum Laden, um die vorzunehmenden Optimierungen zu verstehen.

• KeyCDN

Neben der Bereitstellung eines vollständigen Seitengeschwindigkeitstests, um einen Überblick und einen detaillierten Bericht über die Leistung einer Website zu erhalten, verfügt das Tool über eine Vielzahl weiterer hilfreicher Funktionen. Beispielsweise der HTTP/2-Test zur Überprüfung, ob eine URL über das HTTP/2-Protokoll zugestellt wird.

Nachdem Sie nun wissen, wie Sie die Leistung Ihres E-Commerce-Shops mit verschiedenen Tools testen können, schauen wir uns genauer an, welche Aspekte der Website optimiert werden sollten und welche Schritte zur Verbesserung der Leistungsoptimierung unternommen werden sollten.

#1 Verbessern Sie Ihre Hosting-Lösung

Die Art des Hostings sowie die Dichte und Auslastung der physischen Server sind häufige Schuldige, wenn es um die Leistung von E-Commerce-Shops geht. Der Mangel an Hosting-Ressourcen führt zu einem Rückgang der Site-Performance und lange Ausfallzeiten führten zu einem unvermeidlichen Verlust potenzieller Kunden und Umsatzerlöse.

Die Wahl einer Hosting-Lösung hängt davon ab, wie groß ein Geschäft ist (die Menge an ausgehendem Datenverkehr, die es erhält, die Anzahl der Bestellungen und Besucher pro Tag) sowie das CMS, auf dem es basiert. So kommt beispielsweise ein großer oder mittelgroßer Shop auf Basis von Magento CMS nicht mit einfachem Shared Hosting zusammen. Um ein solches Geschäft zu hosten, benötigen Sie mindestens ein skalierbares VPS, eine Cloud oder ein dediziertes Hosting, das Verkehrsspitzen während der Verkaufs- oder Weihnachtszeit bewältigen kann.

#2 Reduzieren Sie die Antwortzeit des Servers und die Anzahl der HTTP-Anfragen

Die hohe Anzahl von Serveranfragen wirkt sich negativ auf wichtige Kennzahlen aus, die bestimmen, wie gut Ihr Publikum mit Ihrem Geschäft interagiert. Je mehr Anfragen und je länger die Antwortzeit ist, desto länger dauert es, bis eine Seite geladen ist. Jede JS- und CSS-Datei, jedes Skript, Stylesheet, eingebettete Video oder Bild bedeutet eine zusätzliche HTTP-Anfrage.

Das Reduzieren von Serveranfragen erfordert Änderungen am Backend der Website. Aber was diese Änderungen sollten, hängt von der komplexen Prüfung ab, die darauf abzielt, die Aspekte Ihrer Website aufzuzeigen, die die Leistung verlangsamen.

Um Serveranfragen zu minimieren, können Webmaster Folgendes tun:

• Kombinieren Sie alle JavaScript-Ressourcen in einer und verwenden Sie nur ein Stylesheet für jede Seite (Sie können Software wie Apache Ant oder pkd.io verwenden, um den Prozess zu automatisieren).
• Entfernen Sie unnötige Bilder oder optimieren Sie sie , indem Sie mehrere Bilder mit der CSS-Sprites-Technik zu einem einzigen Bild kombinieren (es gibt einige Tools – Spritegen, CSS Sprite Tool – mit denen Sie Bilder in einer Datei kombinieren können).
• Optimieren Sie Ihre Datenbank. Soweit Ihre Website Informationen sammelt, ist die riesige Datenmenge, die in Ihrer Datenbank gespeichert ist, der Engpass des Systems. Die Datenbank oder ein falsch konfigurierter DB-Server können zu einem echten Problem werden, wenn die Abfragen zu lange dauern. Der Prozess der Website-Datenbankoptimierung umfasst das Entfernen nutzloser Einträge, den Wechsel zu flachen Katalogen, um DB-Abfragen zu reduzieren, das Aktualisieren der Datenbankversion, das Hinzufügen von Indizes zu großen Tabellen und andere Vorkehrungen.
• Konfigurieren Sie das Caching , um eine schnelle Bereitstellung für Besucher sicherzustellen, indem Sie Dateien bei zukünftigen Besuchen wiederverwenden. Beispielsweise können Sie Redis (PDF) installieren, einen Open-Source-In-Memory-Datenstrukturserver. Es kann als verteilter Server-Cache oder als Datenbank verwendet werden, in der häufig benötigte Daten gespeichert werden.
• Stellen Sie Ihre Website so ein, dass JavaScript-Dateien asynchron geladen werden . Es ermöglicht Website-Inhalten, mehrere Seitenelemente gleichzeitig darzustellen.
• Minimieren und komprimieren Sie die Größe des Codes , indem Sie redundante und lange Variablen, Kommentare und unerwünschte Zeichen entfernen.
• Eliminieren Sie Bloatware (Programme, Plugins, Anwendungen, die Speicherplatz beanspruchen, ohne einen Mehrwert zu bieten).

#3 Verwenden Sie Erweiterungen von Drittanbietern

Zusätzlich zur Standardfunktionalität stehen viele Erweiterungen zur Verbesserung der Leistung von E-Commerce-Websites zur Verfügung. Mit Leistungserweiterungen können Sie einige Teile des Codes optimieren, das Browser-Caching nutzen, die Bildgröße optimieren, eine Website für bestimmte Anwendungsfälle optimieren, HTML/JS/CSS (etwas) minimieren und die offensichtlichsten Probleme mit der Leistung beheben.

Beachten Sie jedoch, dass die Erweiterungen nicht die Wunderpille für alle Website-Probleme sind, erwarten Sie nicht, dass sie etwas Kompliziertes lösen. Keine Erweiterung kann die Codebasis so gut verstehen wie erfahrene Entwickler.

Darüber hinaus fügt jede neue Erweiterung eine separate HTTP-Anforderung an den Server hinzu. Es dauert länger, bis der Server die Anfrage verarbeitet, was sich auf die Ladegeschwindigkeit der Seite auswirkt. Daher ist die Verwendung von Leistungserweiterungen keine gute Idee, wenn Ihr Online-Shop eine komplexe Codestruktur hat, Sie bereits viele Erweiterungen von Drittanbietern geladen haben oder Ihr CMS stark angepasst ist. Zum Beispiel können Erweiterungen von Drittanbietern für Magento-betriebene E-Commerce-Shops, die schwer auf Leistung zu optimieren sind, die Gründe für mehr Probleme sein, als sie beheben können. Hier ist es sinnvoll, den Optimierungsprozess einem Unternehmen anzuvertrauen, das Magento Performance Optimization Services anbietet .

#4 Wechseln Sie zu Elasticsearch

Elasticsearch ist eine Open-Source-Suchmaschine und ein verteilter Dokumentenspeicher, der Datenstrukturen speichert und abruft. Es wurde 2010 entwickelt und seine Volltextsuchmaschine in Java geschrieben. Elasticsearch ist ein Mainstream-Tool, das von vielen führenden E-Commerce-Marken verwendet wird, um große Datenmengen on-the-fly zu speichern, zu analysieren und zu durchsuchen.

Da die Suche eines der Hauptmerkmale des Shops ist, bietet Elasticsearch E-Commerce-Shop-Besitzern die Möglichkeit, sowohl die wahrgenommene als auch die tatsächliche Leistung zu steigern. Es ist eine großartige Strategie, um eine schnelle Benutzererfahrung bereitzustellen, ohne viel Geld auszugeben.

Elasticsearch funktioniert mit jedem CMS, egal ob WooCommerce, Shopify oder Magento, und kann für Online-Shops, die aufgrund starker Abfragen, die die Datenbank der Website überlasten, unannehmbar langsam laufen, äußerst hilfreich sein. Als Bonus hat Elasticsearch eine merkwürdige Funktion – es versteht komplexe Suchanfragen viel besser als die Standardsuche.

#5 Verwenden Sie Lazy Loading für schnelleres Laden von Medieninhalten

Der Anteil von Video, Audio und Bildern in der typischen Nutzlast einer E-Commerce-Website kann enorm sein. Ladenbesitzer sind jedoch möglicherweise nicht bereit, Medieninhalte von ihren Websites zu entfernen. Lazy Loading (oder On-Demand-Loading) kann hier zaubern. Es ist eine Technik zur Optimierung von Medieninhalten, die das Laden von „unkritischen“ oder „off-screen“-Dateien bis zum Zeitpunkt des Bedarfs aufschiebt. Abhängig von den Einstellungen kann das Muster zu verschiedenen Zeitpunkten in der Anwendung auftreten, aber es tritt normalerweise bei einer Art von Benutzerinteraktion wie Scrollen, Klicken oder Navigieren auf.

Soweit wir das Zeug laden können, das der Benutzer möglicherweise nie sieht, stellt dies aus mehreren Gründen ein Problem dar:

1. Es verschwendet Batterie- und andere Systemressourcen;
2. Es verschwendet Daten (kritisch für Benutzer mit begrenzten Datenplänen).

Lazy Loading von Bildern und Videos kann bei richtiger und angemessener Verwendung sowohl das anfängliche Seitengewicht als auch die anfängliche Ladezeit reduzieren, was sich allesamt positiv auf die Leistung auswirkt.

Die Verwendung der Technik hat jedoch mehrere Fallstricke. Erstens erfordert seine Implementierung, dass zusätzliche Codezeilen zu den vorhandenen hinzugefügt werden, was es kompliziert macht. Zweitens kann das Muster aufgrund der Wahrscheinlichkeit einer unsachgemäßen Indizierung des entladenen Inhalts Ihr Suchmaschinenranking etwas beeinflussen.

Zusammenfassend

Zweifellos ist es für technisch versierte Geschäftsinhaber schwierig zu definieren, welche Aspekte der Website repariert werden müssen. Ganz zu schweigen davon, dass nicht jeder einen E-Commerce-Shop für eine bessere Geschwindigkeit und Leistung optimieren kann. Es gibt viele Probleme, die zu Engpässen werden können, und wenn Sie der Meinung sind, dass Ihre Website falsch funktioniert, ist es besser, nach einem Unternehmen zu suchen, das Optimierungsdienste mit solidem Fachwissen in der Entwicklung und Optimierung von Websites anbietet.