Die Basarstimme
Veröffentlicht: 2024-02-14Jeder, der am Tag vor einem großen Feiertag Lebensmittel einkaufen gegangen ist, weiß, wie schmerzhaft es ist, nach einem Parkplatz zu suchen und sich den Weg zu den Artikeln zu erkämpfen, nach denen fünfzig andere Leute suchen. Das ist kein Erlebnis, das irgendjemand in seinem E-Commerce-Shop reproduzieren möchte – aber Sie könnten es vielleicht schaffen, wenn Sie sich nicht die Mühe machen, die Leistung Ihrer Website zu verbessern.
Okay, okay, vielleicht sind wir etwas übertrieben. Nichts ist so schlimm wie der Versuch, eine halbwegs anständige Kartoffel zu finden, während das unbeliebteste Weihnachtslied aus dem Soundsystem des Ladens dröhnt. Wir wissen jedoch, dass Kunden die Bequemlichkeit schätzen, die das Online-Shopping bietet. Fast 70 % der Verbraucher berücksichtigen die Geschwindigkeit der Website bei ihrer Kaufbereitschaft bei einem Online-Händler. Und die Mehrheit der Online-Käufer erwartet eine Seitenladezeit von 3 Sekunden oder weniger.
Wenn Sie die Leistung Ihrer Website in letzter Zeit nicht überprüft haben, ist es höchste Zeit. Hier erfahren Sie, wie Sie Ihre aktuelle Leistung bewerten und welche Schritte jeder unternehmen kann, um eine E-Commerce-Website für ein schnelles Einkaufserlebnis zu optimieren.
Kapitel:
- Warum die Leistung einer Website wichtig ist
- Die 7 wichtigsten Kennzahlen zur Website-Performance
- So messen Sie die Leistung Ihrer Website
- So verbessern Sie die Leistung Ihrer E-Commerce-Website
- Bei der Leistung einer Website kommt es vor allem auf Geschwindigkeit an
Warum die Leistung einer Website wichtig ist
Spielt es wirklich eine Rolle, wenn Sie die 3-Sekunden-Lastmarke nicht erreichen? Ja tut es. Wenn Sie der Ladegeschwindigkeit einer Website keine Priorität einräumen, verringert sich die Qualität Ihrer Benutzererfahrung, und das ist in mehrfacher Hinsicht schlecht.
Erstens und am offensichtlichsten bedeuten längere Ladezeiten eine höhere Absprungrate. Sogar Benutzer, die die ersten paar langsamen Seitenladevorgänge überstehen, geben Ihre Website möglicherweise auf, bevor sie einen Kauf tätigen.
Niedrigere anfängliche Conversion-Raten gehen wahrscheinlich mit einer insgesamt geringeren Loyalität einher. Kunden, die sich an ihr suboptimales Einkaufserlebnis erinnern, kehren mit geringerer Wahrscheinlichkeit noch einmal zurück – und sie werden nicht den Links folgen wollen, die sie auf Ihre Website weiterleiten.
Eine schlechte Website-Performance wirkt sich auch auf Ihr Google SERP-Ranking aus. Da der Algorithmus der Suchmaschine die Benutzererfahrung priorisiert, werden Seiten mit langsamer Ladegeschwindigkeit in den Suchergebnissen nach unten verschoben. Kleinere Filialen, die um Aufmerksamkeit konkurrieren, könnten gegenüber ihren schnelleren Konkurrenten den Kürzeren ziehen.
Die 7 wichtigsten Kennzahlen zur Website-Performance
Die Seitenladezeit ist keine eigenständige Website-Leistungsmetrik. Es handelt sich um eine übergreifende Bewertung, die mehrere Metriken zusammenführt. Vier dieser Kennzahlen sind die Core Web Vitals von Google:
- Largest Contentful Paint misst die Ladegeschwindigkeit des größten Seitenelements, das Benutzer „above the Fold“ sehen können – also ohne nach unten zu scrollen
- Die Interaktion mit Next Paint misst die Reaktionsfähigkeit einer Seite auf Interaktionen, z. B. das Klicken auf die Schaltfläche „In den Warenkorb“ oder das Eingeben von Informationen in ein Formular
- Die erste Eingabeverzögerung misst die Zeitspanne zwischen der Interaktion eines Benutzers mit Ihrer Website (z. B. Klicken auf die Schaltfläche „In den Warenkorb“) und dem Beginn der Verarbeitung dieser Anfrage durch seinen Browser
- Die kumulative Layoutverschiebung misst, wie oft der Seiteninhalt verschoben wird, während eine Seite geladen wird
Google hält diese Aspekte für am wichtigsten, da sie den größten Einfluss auf die Nutzererfahrung haben. Es gibt jedoch vier weitere Kennzahlen, die ebenfalls wichtige Teile der Benutzererfahrung erfassen:
- Time to First Byte misst die Geschwindigkeit, mit der Ihr DNS-Anbieter nach Erhalt der Anfrage mit der Bereitstellung Ihrer Website-Inhalte beginnt
- Die Gesamtblockierungszeit misst, wie lange es dauert, bis eine Webseite so weit geladen ist, dass ein Benutzer mit ihr interagieren kann (da Browser, die gerade Seiten laden, keine Interaktionen verarbeiten können).
- First Contentful Paint misst, wie lange es dauert, bis der erste Inhalt Ihrer Website gerendert wird
Wenn Sie tiefer in eine dieser Kennzahlen eintauchen möchten, erfahren Sie auf der Website web.dev von Google, warum jede einzelne davon wichtig ist und wie Sie sie messen können. Sie können aber auch einfach weiterlesen, während wir über die Messung der Leistung Ihrer Website sprechen.
So messen Sie die Leistung Ihrer Website
Mit den kostenlosen PageSpeed Insights von Google können Sie die Leistung Ihrer Website ganz einfach messen. Dieses Tool bewertet Ihre Website anhand der oben aufgeführten Kennzahlen und stuft sie als gut, verbesserungswürdig oder schlecht ein. Sie erhalten außerdem Hinweise zur Leistung, Zugänglichkeit, Verwendung von Best Practices und SEO Ihrer Website.
Es gibt eine Option zum Anzeigen der Leistung Ihrer Website auf Mobil- und Desktop-Geräten sowie Tipps zur Optimierung Ihrer Website. Im Web-Ökosystem von Google erhalten Sie viel Hilfe für den geringen Preis, und seien wir ehrlich: Das passiert bereits.
Wenn Sie sich Ihren Bericht ansehen, stellen Sie möglicherweise fest, dass die Gesamtblockierungszeit im Feld „Bewertung der Kern-Web-Vitalwerte“ nicht enthalten ist. Scrollen Sie nach unten zum Feld „Leistung“ und sehen Sie sich dann die Tabelle „Metriken“ an, um Ihre Ergebnisse anzuzeigen.
Mit PageSpeed Insights können Sie anhand farbcodierter Grafiken und personalisierter Tipps leicht verstehen, warum Ihre Website die erzielten Platzierungen erreicht hat. Führen Sie jetzt einen Test durch – es dauert nur ein paar Sekunden –, damit Sie sich einen Überblick über die Leistung Ihrer Website verschaffen und sehen können, wo Verbesserungspotenzial besteht.
So verbessern Sie die Leistung Ihrer E-Commerce-Website
Wenn Sie noch hier sind, gehen wir davon aus, dass Ihr Core Web Vitals Assessment ergeben hat, dass Sie noch einiges zu tun haben. Das ist keine Schande. Sogar die Website web.dev von Google besteht die Prüfung nicht! Hier finden Sie unsere besten Tipps, die Ihnen dabei helfen, die Leistung Ihrer E-Commerce-Website zu verbessern, sowie die Tools, die Sie dafür benötigen.
1. Reduzieren Sie HTTP-Anfragen
HTTP-Anfragen sind das Herzstück des Ladens von Webseiten. Sie müssen die technischen Einzelheiten hier nicht kennen – nur, dass ein Browser diese Anfragen stellen muss, um CSS-Dateien, Skripte, Bilder und andere Inhalte auf Ihre Seite zu laden. Bei jeder Anfrage muss der Browser eine Nachricht an Ihren Webhost senden, der dann mit dem entsprechenden Inhalt antworten muss.
Je mehr HTTP-Anfragen Sie haben, desto länger dauert es, sie alle abzuschließen. Stellen Sie sich vor, Sie gingen in ein Restaurant und fragten zuerst nach Wasser und bestellten dann, als Ihr Kellner zurückkam, eine Limonade. Als sie die Limonade brachten, fragten Sie nach einer Vorspeise. Und schließlich, nachdem die Vorspeise angekommen war, hatten Sie sich für Ihre Hauptgerichte entschieden. Es würde lange dauern, bis Sie Ihr Essen bekommen und zu Ende bringen, egal wie schnell Ihr Kellner arbeitet.
Gönnen Sie Ihrem (Web-)Server eine Pause, indem Sie unnötige HTTP-Anfragen herausschneiden. Wenn Sie kein Skript oder keine CSS-Datei benötigen, verweisen Sie nicht im Header Ihrer Seite darauf. Sie können auch versuchen, die Anzahl der Multimedia-Inhalte zu reduzieren, um die Ladegeschwindigkeit Ihrer Seite zu erhöhen.
2. Verwenden Sie HTTP/2
Nicht alle HTTP-Anfragen sind gleich. HTTP/2, ein 2015 eingeführter Standard, verfügt über Funktionen, die dazu beitragen, dass Ihre Webseiten schneller geladen werden. Zum einen ermöglicht es Entwicklern, Prioritäten zu setzen, welche Elemente zuerst geladen werden, sodass Sie Browser anweisen können, vor größeren Skripten leichte Ressourcen anzufordern. Es kann auch mehrere Ressourcen gleichzeitig bedienen. Um auf unsere Restaurant-Metapher zurückzukommen: Mit HTTP/2 können Sie Ihre gesamte Bestellung auf einmal aufgeben, sodass der Kellner Ihr Essen schneller zu Ihnen bringen kann.
KeyCDN bietet einen kostenlosen HTTP/2-Test an, um festzustellen, ob Ihre Website das HTTP/2-Protokoll unterstützt. Wenn Sie einen genaueren Blick darauf werfen möchten, öffnen Sie die Entwicklertools Ihres Browsers, navigieren Sie zur Registerkarte „Netzwerk“ und suchen Sie nach der Spalte „Protokoll“. (Möglicherweise müssen Sie mit der rechten Maustaste auf die Spaltenliste klicken und Protokoll hinzufügen.)
Die HTTP/2-Unterstützung wird von Ihrem Webhost bestimmt, daher ist er die Anlaufstelle, wenn Sie das Protokoll aktivieren müssen. Der Prozess ist bei jedem Anbieter unterschiedlich.
3. Eliminieren Sie unnötige Weiterleitungen
Viele Unternehmen setzen Weiterleitungen ein, um Linkfäule bei Website-Überarbeitungen zu umgehen. Jedes Mal, wenn Sie einen Benutzer jedoch auf eine neue Seite umleiten, zwingen Sie ihn, einen weiteren Seitenladevorgang abzuwarten. Vor allem Weiterleitungen, die zu einer weiteren Weiterleitung führen – nein danke! Wenn der Benutzer die tatsächliche URL erreicht, ist er bereits bereit, Ihre Seite zu schließen.
Weiterleitungen haben die Angewohnheit, sich mit der Zeit zu häufen. Das bedeutet, dass Sie sie regelmäßig überprüfen müssen; Dies ist besonders wichtig, nachdem Sie Ihre Website neu gestaltet oder neu gestaltet haben.
Screaming Frog SEO Spider kann Ihnen dabei helfen, Ihre gesamte Website auf Weiterleitungen zu überprüfen und sogar Weiterleitungsketten und -schleifen für Sie zu erkennen. Sie könnten auch die Ahrefs SEO Toolbar verwenden, um Seite für Seite zu prüfen, wir würden dies jedoch nicht empfehlen. Es sei denn, Sie haben eine Verpflichtung, aus der Sie wirklich aussteigen möchten.
4. Beschränken Sie externe Skripte
Die meisten Entwickler verwenden Skripte von Drittanbietern, um Funktionen hinzuzufügen, da sie nicht über die Ressourcen verfügen, um sie selbst zu programmieren. Allerdings ist die Einbindung externer Skripte im Hinblick auf die Seitengeschwindigkeit immer riskant. Sie haben keine Kontrolle über den Code und können daher nichts unternehmen, wenn das Skript langsam lädt.
Langsam ladende Skripte führen dazu, dass das Laden von Seiten länger dauert, und können Probleme wie das Springen von Inhalten verursachen (gemessen anhand der Metrik „Cumulative Layout Shift“).
Überprüfen Sie jede Seite, um sicherzustellen, dass keine unnötigen Skripte geladen werden. Möglicherweise haben Sie auf Ihrer gesamten Website eine Bewertungsfunktion aktiviert, auf Seiten, die zum Durchsuchen erstellt wurden, muss dieses Skript jedoch nicht enthalten sein. Möglicherweise fragen Sie sich auch, ob Sie dieses Modal wirklich benötigen, um die E-Mails der Kunden zu sammeln, oder ob es mehr Käufer abschreckt als anlockt.
Mehr Schnickschnack ist nicht immer besser. Eine einfache Website mit einer guten Benutzererfahrung kann einen überdesignten Shop auf den Kopf stellen.
5. Aktivieren Sie verzögertes (asynchrones) Laden
Wenn ein Browser eine Website rendert, verarbeitet er standardmäßig jede Anfrage der Reihe nach und fährt erst mit dem nächsten Befehl fort, nachdem er seine aktuelle Aufgabe abgeschlossen hat. Große Skripte verlangsamen den gesamten Prozess, da ein Browser die gesamte Datei laden muss, bevor er mit der Darstellung des restlichen Inhalts fortfahren kann.
Vermeiden Sie diese Verzögerung, indem Sie den Browser anweisen, Ihre Skripte asynchron zu laden – das heißt, während die Webseite weiterhin gerendert wird. Fügen Sie einfach das async-Attribut zu Ihren Skript-Tags hinzu (Ihr Code sieht in etwa so aus: <script src=“my_script.js“ async></script>).
Einige Experten empfehlen, Ihre <script>-Tags am Ende Ihres Textinhalts einzufügen, da ältere Browser das Async-Attribut möglicherweise nicht lesen können, dies jedoch nicht erforderlich ist. Es wird Ihnen schwer fallen, einen Browser zu finden, der das Async-Tag nicht verarbeiten kann.
6. Verwenden Sie Mobile-First-Designs
Die Optimierung der Website-Performance muss Mobile-First-Denken beinhalten. Mittlerweile sind Smartphones die Quelle von fast vier von fünf Besuchen auf E-Commerce-Websites und zwei von drei E-Commerce-Käufen. Leider ist das mobile Web immer noch eine Belastung. Die meisten Websites haben auf Mobilgeräten deutlich längere Ladezeiten. Da über 50 % der mobilen Besucher sofort abspringen, wenn das Laden einer Website länger als 3 Sekunden dauert, werden E-Commerce-Händlern wahrscheinlich viele Geschäfte entgehen.
Heutzutage ist fast jede veröffentlichte Website responsiv, aber Designer, die für den Desktop programmieren und später für Mobilgeräte optimieren, gehen möglicherweise in die falsche Reihenfolge. Der Einsatz von Handy-Emulatoren zur Gestaltung kleiner Bildschirme rückt die Bedürfnisse dieses wachsenden Publikums in den Mittelpunkt.
Und es ist ganz einfach: Mit den Entwicklungstools von Google Chrome können Sie in den „Gerätemodus“ wechseln, um zu sehen, wie Ihre Website auf kleineren Bildschirmen aussehen wird.
Beim Entwerfen für Mobiltelefone müssen Sie außerdem die begrenzte Bildschirmfläche optimal nutzen. Das kann bedeuten, dass Sie sich für weniger dekorative Elemente entscheiden, die eine Seite verlangsamen können. Sie möchten auch die Navigation und Interaktionen vereinfachen, anstatt auf auffällige oder einzigartige Erlebnisse zu setzen, die externe Skripte und Plugins erfordern.
Wenn Sie mit einer vorhandenen Site arbeiten, können Sie diese Vorgehensweise derzeit wahrscheinlich nicht implementieren. Denken Sie einfach bei Ihrer nächsten Neugestaltung daran.
7. Komprimieren Sie textbasierte Dateien mit gzip
Das Laden von HTML- und CSS-Dateien scheint nicht allzu aufwändig zu sein, aber wenn Sie in Millisekunden zählen, zählt jedes Byte. Durch die Komprimierung wird die Größe textbasierter Dateien reduziert, sodass diese schneller von Ihrem Server zum Browser eines Kunden gelangen können. Gzip ist das gebräuchlichste Komprimierungsframework, aber Brotli und Deflate eignen sich auch gut zur Beschleunigung Ihrer Website.
Dies ist eine weitere Funktion, die auf der Hosting-Seite eingerichtet wird. Die meisten Hosts aktivieren es standardmäßig, aber es empfiehlt sich, dies mit einem kostenlosen HTTP-Komprimierungstest zu überprüfen. Wenn Sie feststellen, dass Ihre Inhalte nicht komprimiert sind, ist es an der Zeit, sich an Ihren Hosting-Anbieter zu wenden.
8. Minimieren Sie CSS-, JavaScript- und HTML-Dateien
Komprimierungs-Frameworks wie Gzip sind nicht die einzigen Byte-Sparer. Sie können Ihre Textdateien auch verkleinern, indem Sie alles entfernen, was kein wichtiger Teil des Codes ist – Dinge wie Kommentare, Formatierungen oder lange Variablennamen. Viele dieser Elemente sind für menschliche Entwickler hilfreich, Webbrowser benötigen sie jedoch nicht, um Ihre Webseite direkt anzuzeigen.
Sie müssen Kommentare sowie zusätzliche Leerzeichen und Tabulatoren nicht selbst durchgehen und löschen. Minifier.org bietet ein kostenloses Tool, das mit CSS und JavaScript umgehen kann. Googles web.dev empfiehlt diesen kostenlosen HTML-Minifier.
Wenn Sie nach Tools suchen, die eine Massenminimierung ermöglichen, funktioniert das PageSpeed-Modul von Google mit Apache- oder Nginx-Webservern und minimiert Ihre Dateien automatisch. Für die Installation von Tools wie diesem oder CSSNano kann es jedoch erforderlich sein, dass Sie sich an die IT-Abteilung wenden.
9. Optimieren Sie Bilder und Videos
Multimediadateien beeinträchtigen häufig die Leistung einer Website, einfach weil sie so groß sind. E-Commerce-Händler, die stark auf Bilder und Videos angewiesen sind, müssen bei der Optimierung dieser Dateien sorgfältig vorgehen, um die Belastung der Internetverbindungen der Besucher zu verringern.
Der einfache Teil der Bildoptimierung besteht darin, ihre Größe zu ändern. Keine Datei sollte größer als 20 Megabyte (MB) sein – aber eigentlich sollten nur Ihre Heldenbilder so groß sein. Shopify empfiehlt Händlern, Bilder möglichst mit einer Größe von etwa 500 Kilobyte (KB) aufzubewahren, erlaubt jedoch, dass einige Websites Dateien mit einer Größe von bis zu 2 MB benötigen. Um diese Ziele zu erreichen, müssen Sie Ihre Bilder wahrscheinlich komprimieren. Zum Glück gibt es viele kostenlose Bildkomprimierungstools, die Sie verwenden können.
Sobald Sie die Dateigröße reduziert haben, stellen Sie sicher, dass Sie Responsive-Design-Prinzipien verwenden, um sicherzustellen, dass Benutzer Ihre Website von kleineren Geräten schnell laden. MDN Web Docs, betrieben von Mozilla, bietet ein schönes Tutorial für responsive Bilder, dem Sie folgen können, wenn Sie mit dem Thema noch nicht vertraut sind.
10. Nutzen Sie das Browser-Caching
Webbrowser können Dateien lokal auf den Computern der Benutzer speichern, was die Ladezeiten für wiederkehrende Besucher verkürzt. Anstatt Ihren Server für jede Datei zu kontaktieren, können Browser zwischengespeicherte Assets aus dem lokalen Speicher des Computers abrufen.
Caching ist für die meisten E-Commerce-Händler eine hervorragende Lösung, da Ihre Vermögenswerte relativ statisch bleiben. Wenn Sie eine umfassende Überarbeitung Ihrer Website durchführen oder Produktbilder ersetzen, sollten Sie sicherstellen, dass Browser über Anweisungen zum erneuten Herunterladen der neuen Inhalte und zum Ersetzen zwischengespeicherter Assets verfügen. Allerdings kommt dies bei den meisten Online-Händlern so selten vor, dass die Einrichtung von Caching der richtige Weg ist.
Auch hier ist Ihr Webhoster für Ihre Caching-Einstellungen verantwortlich. Sie sollten die entsprechende Dokumentation finden und den Anweisungen folgen, um lokale Caches zu aktivieren und Ablaufdaten festzulegen (die Browser anweisen, wie oft sie zwischengespeicherte Assets von Ihrer Website aktualisieren sollen).
11. Verwenden Sie ein Content Delivery Network (CDN)
Browser-Caches helfen nur Zielgruppen, die Ihre Website schon einmal besucht haben. Content-Delivery-Netzwerke oder CDNs speichern Assets so nah wie möglich an jedem Besucher, um die Ladezeiten zu verkürzen.
CDNs sind nicht auf lokale Maschinen angewiesen, um Assets zu speichern. Sie verteilen Ihre Assets einfach auf ein Netzwerk von Servern an verschiedenen Standorten. Das bedeutet, dass Sie statt eines Servers in Virginia, der alle Anfragen beantwortet, möglicherweise einen Server in Virginia, einen in Kalifornien, einen in Illinois usw. haben. Unternehmen, die ein internationales Publikum bedienen, können mit internationalen CDNs zusammenarbeiten, sodass sie über Server in mehreren Ländern, Regionen und Kontinenten verfügen.
Immer wenn ein Browser eine Anfrage zum Laden Ihrer Website sendet, wird diese Anfrage an den Server weitergeleitet, der geografisch näher am Benutzer liegt. Das hört sich vielleicht nicht nach einer großen Zeitersparnis an, aber da Seitenladegeschwindigkeiten in einem sehr kleinen Maßstab gemessen werden, machen CDNs einen spürbaren Unterschied.
12. Überprüfen Sie Ihre Plugins regelmäßig
Plugins, Add-ons und Erweiterungen bedeuten für die meisten Webentwickler eine enorme Zeitersparnis. Aber wie externe Skripte können überladene Plugins Ihre Seitengeschwindigkeit verlangsamen. Verbessern Sie die Leistung Ihrer Website, indem Sie Ihre Plugin-Bibliothek erneut durchsuchen, um zu sehen, ob es Mitläufer gibt, die Sie nicht mehr verwenden.
Manchmal benötigen Sie alle Ihre Plugins, aber Ihre Seiten werden immer noch viel zu langsam geladen. In diesem Fall ist es an der Zeit, den Schuldigen herauszufinden. Kopieren Sie Ihre Site in eine Staging-Umgebung, deaktivieren Sie alle Ihre Plugins und testen Sie die Ladegeschwindigkeit Ihrer Site. Aktivieren Sie dann die Plugins einzeln, um festzustellen, ob ein einzelnes Plugin Ihre Leistungskennzahlen beeinträchtigt. (Stellen Sie sicher, dass Sie jedes Plugin aktivieren, testen und dann deaktivieren, damit Sie nicht versehentlich kumulative Effekte messen.)
Zum Glück werden Sie bei so vielen verfügbaren Plugins wahrscheinlich einen Ersatz für alle trägen Tools finden.
Eine andere Möglichkeit besteht darin, nach Plugins zu suchen, die auf Geschwindigkeit optimiert sind. Beispielsweise wurde unsere Anzeigetechnologie „Bewertungen und Rezensionen“ so konzipiert, dass Ihre Website schnell läuft, und unsere Entwickler berichteten über die Schritte, die sie unternommen haben, um dieses Versprechen zu erfüllen. Finden Sie Tools, die in diesem Sinne entwickelt wurden – solche, die Best Practices wie die Minimierung und Reduzierung von Skriptdateien, Caching und Lazy Loading nutzen – um Ihre Audits zum Kinderspiel zu machen.
13. Entfernen Sie unnötige Popups
Ja, wir werden es sagen. Pop-ups sind äußerst unbeliebt. Sie führen zu einem schlechten Erlebnis, insbesondere auf Mobilgeräten. Auch wenn Sie der Meinung sind, dass Ihre Pop-ups geschmackvoll gestaltet und hilfreich sind, sind Internetnutzer den ganzen Tag mit einer Flut von Modalitäten, Overlays und Chat-Widgets konfrontiert. Jeder leidet unter Pop-up-Müdigkeit, und wenn Sie dazu beitragen, untergraben Sie das Vertrauen Ihrer Verbraucher.
Die meisten Pop-ups rufen externe Skripte auf und verweisen auf Assets wie Bilder und Schriftarten, die alle von einem Browser geladen werden müssen. Modale, die bedingt angezeigt werden, müssen vor dem Auslösen Zielgruppendaten sammeln, was ebenfalls Zeit kostet. Und wenn Ihre Gesamtblockierungszeit hoch ist, können Benutzer diese Elemente möglicherweise nicht schließen, während der Rest Ihrer Website gerendert wird. Diese Verzögerung würde die Wahrnehmung der Benutzer hinsichtlich der Geschwindigkeit Ihrer Website beeinflussen, selbst wenn es keine tatsächliche Verlangsamung gäbe.
Die Verlangsamung ist jedoch real, ebenso wie die nahezu allgemeine Abneigung gegen diese Tools. Sie von Ihrer Website zu entfernen ist eine Win-Win-Situation.
14. Wählen Sie die schnellsten Dienste
Wenn ein Kunde auf einen Link klickt oder eine URL eingibt, weist er seinen Browser an, eine Anfrage an einen DNS-Dienst zu stellen, um zur Zielseite zu gelangen. Dieser DNS-Dienst leitet den Browser an die IP-Adresse Ihrer Website weiter. Dann beginnt ihr Browser, Ihre HTML-Dateien zu lesen und Assets von Ihrem Server oder CDN anzufordern, damit er die von Ihnen entworfene Website rendern kann.
Das sind viele Dienste, die zusammenkommen, um Ihre Website sichtbar zu machen. Wenn einer von ihnen langsam ist, wird die Geschwindigkeit Ihrer Seite negativ beeinflusst. Deshalb ist die günstigste Option nicht unbedingt die beste Option für Ihre technische Infrastruktur.
Beispielsweise werden viele grundlegende Website-Hosting-Pläne gemeinsam genutzt. Das bedeutet, dass andere Websites denselben Server wie Sie verwenden, sodass ein Anstieg des Datenverkehrs von einer dieser Websites Ihre Ladezeiten verlangsamen kann. VPS-Hosting (für wachsende Websites) oder dedizierte Website-Server (für diejenigen, die es sich leisten können) liefern bessere Ergebnisse.
Sie möchten außerdem sicherstellen, dass Ihr Domain-Registrar, der das DNS-Hosting übernimmt, eine hohe Leistung erbringt. DNSPerf führt ein fortlaufendes Protokoll der DNS-Leistung, sodass Sie selbst sehen können, wie verschiedene Anbieter abschneiden.
Natürlich kommt es nicht nur auf den obersten Ebenen auf Geschwindigkeit an. Wir haben darüber gesprochen, leichte und optimierte Plugins zu finden. Sie sollten auch über Dienste wie Ihre Sicherheitssoftware und andere Backend-Tools nachdenken. Auch wenn Kunden nicht direkt mit ihnen interagieren, können sie sich dennoch auf die Leistung Ihrer E-Commerce-Website auswirken.
15. Überwachen Sie den Website-Betrieb
Es ist eine kluge Idee, die Leistung Ihrer Website von Zeit zu Zeit zu überprüfen, um festzustellen, ob es größere Probleme gibt. Noch intelligenter ist es, Ihre Website ständig zu überwachen, damit Sie sofort Bescheid wissen, sobald ein Problem auftritt.
Sie können in Tools investieren, die Daten über die Erfahrungen Ihrer Benutzer sammeln, um zu zeigen, wie Ihre Website in der realen Welt abschneidet. Da viele Käufer Sie von einem Setup aus besuchen, das sich von Ihrem eigenen unterscheidet, bietet die echte Benutzerüberwachung eine neue Perspektive.
Andere Tools geben vor, menschliche Besucher zu sein, und verwenden eine Reihe von Skripten, um auf Ihrer Website zu navigieren und deren Leistung zu testen. Solche synthetischen Überwachungsaufbauten sind nützlicher für Teams, die Daten aus kontrollierten Tests sammeln möchten. Wenn Sie gerade dabei sind, Ihre Website zu optimieren, hilft Ihnen die synthetische Überwachung dabei, Änderungen zu erkennen, die tatsächlich einen Unterschied machen. Diese Systeme können auch geplante Tests durchführen, um größere Probleme zu erkennen, bevor Ihre Kunden darauf stoßen.
Es gibt viele Tools, die diese beiden Aufgaben (und noch mehr) erledigen:
- Site24x7 führt für Sie eine synthetische und echte Benutzerüberwachung durch
- LogRocket überwacht Benutzer und identifiziert Fehler und Website-Interaktionen, mit denen Benutzer normalerweise zu kämpfen haben
- New Relic ist ein synthetisches End-to-End-Überwachungssystem, das sich in nahezu jede vorhandene Infrastruktur integrieren lässt
Unabhängig davon, welches Tool Sie verwenden, stellen Sie sicher, dass Sie die Benachrichtigungen so konfigurieren, dass Sie benachrichtigt werden, wenn etwas schief geht. Je schneller Sie das Problem beheben können, desto weniger Kunden werden Sie enttäuschen.
Bei der Leistung einer Website kommt es vor allem auf Geschwindigkeit an
Da Internet- und Mobilfunkverbindungen immer schneller und allgegenwärtiger werden, werden die Ansprüche der Verbraucher weiter steigen. Die Bereitstellung eines schnellen und bequemen Erlebnisses ist eine Grunderwartung. Unternehmen, die herausfinden, wie sie auf Mobilgeräten hervorragende Leistungen erbringen und die Ladegeschwindigkeit auf eine Sekunde oder weniger reduzieren können, haben die Chance, mehr Marktanteile zu gewinnen.
Das von Ihnen bereitgestellte Kundenerlebnis steht in direktem Zusammenhang mit Ihren Konversions- und Kundenbindungsraten, und die Leistung Ihrer Website steht in direktem Zusammenhang mit diesem Kundenerlebnis. Website-Optimierung ist kein Projekt, das auf einen schlechten Tag warten kann. Dies ist ein wesentlicher Bestandteil, um Kunden auf Ihre Website zu locken und mehr Verkäufe zu erzielen.
Die Verbesserung der Geschwindigkeit Ihrer Website ist nicht die einzige Möglichkeit, mehr Kunden zu erreichen. Schauen Sie sich diese Möglichkeiten an, um den organischen Traffic zu steigern und Ihre Dynamik auf dem SERP aufrechtzuerhalten.