11 Möglichkeiten, Ihre E-Commerce-Site auf Geschwindigkeit zu optimieren

Als E-Commerce-Unternehmen sollte die Optimierung der Leistung Ihrer Website eine Ihrer obersten Prioritäten sein.

Das liegt daran, dass Ihre Conversions direkt davon beeinflusst werden, wie schnell Ihre Seiten geladen werden. Die Verbraucher von heute erwarten blitzschnelle Websites. Wenn Ihr Online-Shop aus irgendeinem Grund langsam ist, laufen Sie Gefahr, Kunden und letztendlich Einnahmen zu verlieren.

Laut einer Studie der Aberdeen Group aus dem Jahr 2016 verlieren Sie sogar 20 % Ihrer Besucher, wenn die Seitenladezeit um 3 Sekunden verzögert wird.

Wie schnell ist schnell? Im Durchschnitt waren globale Einzelhandels-Websites, die 2017 zwischen dem Black Friday und dem 3. Januar betrieben wurden, innerhalb von 2,5 Sekunden visuell vollständig und einsatzbereit, so das digitale Performance-Management-Unternehmen Dynatrace.

Hier sind einige wichtige Möglichkeiten, um sicherzustellen, dass Ihre Website auf Geschwindigkeit optimiert ist:

1. Begrenzen Sie die Anzahl der DNS-Lookups

Jedes Mal, wenn Ihre E-Commerce-Site geladen wird, muss der Browser die IP-Adresse finden, die Ihrem Domainnamen entspricht. Dies wird als DNS-Suche (Domain Name System) bezeichnet.

Der Browser muss Ihre Hauptdomain sowie alle Domains auf Ihrer Seite nachschlagen, die aus einer externen Quelle stammen, beispielsweise einem Twitter-Feed oder einem eingebetteten YouTube-Video. Daher minimiert die Reduzierung der Anzahl von Abfragen an externe Quellen auf Ihrer Site verschiedene DNS-Suchvorgänge, die der Client durchführen muss, was das anfängliche Laden der Seite verzögern könnte. Anstatt beispielsweise Hyperlinks zu Bildern zu erstellen, können Sie diese stattdessen auf Ihrem Server hosten.

Sie könnten auch nach einem schnelleren DNS-Anbieter suchen, die TTL-Werte (Time-to-Live) ändern, um DNS-Caching zu nutzen, oder so viele Ressourcen wie möglich in ein Content Delivery Network verschieben (dazu später mehr).

2. Investieren Sie in bessere Webhosting-Lookups

Zuverlässiges, schnelles Webhosting ist ein entscheidender Faktor für die Geschwindigkeit Ihrer Website. Und nicht alle Webhosts sind gleich. Sie sollten einen Dienst finden, der große Spitzen im Webverkehr und bei Transaktionen verarbeiten kann (z. B. während einer großen Produkteinführung oder der Black Friday-to-CyberMonday-Periode).

Es gibt kein schlimmeres Schicksal für eine E-Commerce-Site, als für Besucher unzugänglich zu sein. Ein guter Hosting-Service garantiert eine Verfügbarkeit von 99,5% oder mehr. Ein Premium-Host verspricht eine Verfügbarkeit von bis zu 99,99 %.

Ohne Frage möchten Sie eine SSL-Zertifizierung und eine dedizierte IP-Adresse.

3. Komprimieren Sie Ihre Fotos

Bilder machen 50-75% Ihres gesamten Website-Gewichts aus, aber überraschenderweise machen sich etwa 45% der 100 besten E-Commerce-Sites nicht die Mühe, ihre Bilder zu komprimieren. Sie sollten und Sie sollten. Sie können sich für eine verlustfreie Komprimierung entscheiden, die Ihre Dateigröße reduziert, ohne die Qualität zu schneiden.

Sie sollten immer die Bildabmessungen in Ihrem Code festlegen, damit der Browser nicht warten muss, bis Ihr Bild vollständig gerendert ist, bevor er zu anderen Elementen auf der Seite wechselt. Es hinterlässt einfach eine Box mit den voreingestellten Abmessungen und arbeitet weiter daran, die Site zu laden.

Komprimieren Sie Ihre Bilder in Photoshop oder verwenden Sie einen Bildkomprimierer wie TinyPNG oder Kraken.io.

4. Priorisieren Sie das Laden von oben

Da die Oberseite Ihrer Website das erste ist, was Ihre Besucher sehen, ist es sinnvoll, dass alles "above the fold" schneller geladen wird als der Rest der Website. Ein anderer Begriff für dieses Verfahren ist Lazing Loading. Es ist besonders hilfreich, um einseitige, bildlastige Websites zu beschleunigen, die für viele Marken zu einer beliebten Designwahl geworden sind.

Anweisungen zum Aktivieren von Lazy Loading finden Sie hier.

5. Cachen Sie Ihre Seite

Anstatt einen Benutzer zu zwingen, jede Komponente jeder Seite bei jedem Besuch herunterzuladen, ermöglicht Caching das Zwischenspeichern globaler Elemente durch den Browser, sodass nur neue Elemente eine Browseranfrage erfordern.

Caching beschleunigt Ihre Ladezeit, da Seitenelemente wie Site-Search-Indizes, Kataloginformationen, Benutzerinformationen, Seitenleistenblöcke, Layoutanweisungen und Übersetzungsdateien vom Browser gespeichert werden. Diese Elemente bleiben normalerweise auf jeder Seite gleich, sodass der Browser diese Ressourcen nicht jedes Mal anfordern muss, wenn der Besucher auf eine neue Seite klickt.

Um das Browser-Caching zu aktivieren, müssen Sie Ihre HTTP-Header bearbeiten, um längere Ablaufzeiten für bestimmte Dateitypen festzulegen. Hier sind einige Empfehlungen von Googles Entwicklern.

6. HTTP-Anfragen reduzieren

Ungefähr 80 % der Antwortzeit der Website entfallen auf das Herunterladen von Elementen für das Frontend wie Bilder, Stylesheets, Skripte, Flash-Elemente usw. Die Reduzierung der Anzahl der Elemente reduziert die Anzahl der HTTP-Anfragen, die zum vollständigen Rendern der Seite erforderlich sind .

Der einfachste Weg, dies zu tun, besteht darin, Ihre Website im Design einfacher zu gestalten. Aber das ist in vielen Fällen keine praktikable Option. Sie können CSS-Sprites und Imagemaps verwenden, um mehrere Bilder zu einem einzigen Bild zu kombinieren und somit die Anzahl der Bildanfragen zu reduzieren. Sie können auch alle Stylesheets in einer einzigen Datei zusammenfassen und auch alle CSS in einem einzigen Stylesheet kombinieren.

7. Verwenden Sie die Gzip-Komprimierung

Wenn ein Besucher Ihre Site besucht, wird eine Anfrage an Ihren Server gestellt, um die Dateien zu liefern. Es ist sinnvoll, dass je größer die Dateien sind, desto länger dauert es, bis sie in Ihrem Browser ankommen.

Die Gzip-Komprimierung ermöglicht Ihrem Server, Site-Dateien zu komprimieren, bevor sie an den Browser zurückgegeben werden, wodurch die Übertragungszeit drastisch verkürzt wird. Tatsächlich kann gzip die Größe von Seiten und Stylesheets um 90% reduzieren!

Die Komprimierung wird über die Webserver-Konfiguration aktiviert. Jeder Webserver hat unterschiedliche Anweisungen. Folgen Sie diesem Google-Tutorial für weitere Details.

8. Nutzen Sie ein Content Delivery Network

Wenn Sie ein globales E-Commerce-Unternehmen mit Besuchern aus der ganzen Welt sind, sollten Sie auf jeden Fall ein Content Delivery Network verwenden, um die Leistung Ihrer Website zu optimieren. Ein CDN funktioniert, indem es Serverknoten rund um den Globus verteilt, sodass Ihre Site-Besucher zwischengespeicherte Ressourcen vom nächstgelegenen Knoten herunterladen können, wodurch die Effizienz verbessert und die Ladelatenz verkürzt wird.

CDN-Anbieter verfügen über größere Netzwerkpipes, mehr Server auf der ganzen Welt und Netzwerk-Peering-Funktionen, als Sie wahrscheinlich haben. Außerdem haben sie engagierte Teams, die ihre Infrastruktur ständig überwachen und optimieren.

Die Auswahl des richtigen CDN kann schwierig sein. Beginnen Sie mit dieser Anleitung.

9. Minimiere deinen Code

Minimierung ist der Vorgang, bei dem alle unnötigen Zeichen wie Leerzeichen und Zeilen aus Ihrem Quellcode entfernt werden, ohne die Funktionalität zu beeinträchtigen, sodass Browser Seiten schneller laden können. Der Prozess umfasst HTML-, CSS- und JavaScript-Dateien und kann einen großen Unterschied bei der Beschleunigung Ihrer Ladezeiten machen. Die Minimierung reduziert sowohl die Größe Ihrer Dateien als auch die Anzahl der benötigten Dateien.

Folgen Sie diesen Ressourcen, um Ihren Code zu bereinigen und Browsern das Rendern Ihrer Seite zu erleichtern.

10. Verwenden Sie asynchrones Laden

Wenn ein Browser eine Seite lädt, bewegt sie sich von oben nach unten. Sie können die Dinge beschleunigen, indem Sie Ihre Skripte wie CSS und Javascript gleichzeitig laden lassen. Dies wird als asynchrones Laden bezeichnet. Wenn Ihre Skripts synchron geladen werden, werden sie in der Reihenfolge geladen, in der sie auf der Seite erscheinen, was ein langsamerer Prozess sein kann.

Befolgen Sie diese Anleitung, um grundlegende Informationen zum Aktivieren des asynchronen Ladens zu erhalten.

11. Überwachen Sie kontinuierlich die Geschwindigkeit Ihrer Website

Schließlich enden wir dort, wo wir angefangen haben: Sie müssen die Leistung der Website jeden Tag zu einer Priorität machen. Das bedeutet, dass Sie Ihre Site ständig auf Probleme überwachen und nach Wegen suchen müssen, um Geschwindigkeit und Effizienz zu optimieren.

Die PageSpeed ​​Insights von Google bieten ein gutes Tool, um die Geschwindigkeit Ihrer Website auf Mobilgeräten und Desktops zu analysieren.

Ein weiteres hervorragendes Tool zum Untersuchen der Website-Geschwindigkeit ist von Pingdom erhältlich.

Denken Sie an die Faustregel: Für jede Sekunde, die Ihre Website zum Laden benötigt, verlieren Sie 10 % Ihrer Besucher. Autsch.