Langsame WooCommerce-Shops können Sie auf verschiedene Weise Geld kosten, vom Anstieg der Warenkorbabbrüche bis zum Verlust der Kundentreue. Laut Unbounce sagen fast 70 % der Verbraucher, dass die Seitengeschwindigkeit ihre Kaufbereitschaft in einem Online-Shop beeinflusst. Das Problem dabei ist, dass die Geschwindigkeit von zahlreichen Faktoren abhängt und ihre Verbesserung viel Zeit und Mühe erfordern kann.
Laut Portent sinken die Konversionsraten von Websites um durchschnittlich 4,42 % für jede Sekunde, die eine Seite zum Laden zwischen den Sekunden 0 und 5 benötigt, wobei Seiten mit Ladezeiten zwischen 0 und 2 Sekunden die höchsten E-Commerce-Konversionsraten aufweisen.
Wenn die Ladezeit Ihrer Website über 2-3 Sekunden liegt, ist dieser Artikel genau das, was Sie brauchen. Hier finden Sie mehrere bewährte Tipps zur Messung und Verbesserung der Leistung von E-Commerce-Websites.
Warum ist Geschwindigkeit wichtig?
Die Geschwindigkeit einer Website ist aus mehreren Gründen ein entscheidendes Element für den Erfolg jedes Online-Unternehmens, einschließlich der WooCommerce-Shops:
Benutzererlebnis:
Internetnutzer haben in der Regel eine kurze Aufmerksamkeitsspanne. Langsame Ladezeiten können dazu führen, dass Besucher Ihre Website verlassen, bevor sie vollständig geladen ist. Eine schnelle Website hingegen erleichtert die Navigation und ermutigt die Nutzer, mehr Seiten zu erkunden und länger zu bleiben.
SEO und Ranking:
Die Seitengeschwindigkeit ist einer der wichtigsten Ranking-Faktoren für Google. Metriken wie Largest Contentful Paint (LCP), First Input Delay (FID) und Cumulative Layout Shift (CLS) sind Teil der Ranking-Faktoren von Google. Schnellere Websites haben größere Chancen, in den Suchmaschinen höher zu ranken. Mit dem Aufstieg der mobilen Suche beeinflusst auch die mobile Seitengeschwindigkeit die SEO erheblich.
Kosteneffizienz:
Optimierte, schnellere Websites verbrauchen in der Regel weniger Bandbreite und können zu niedrigeren Hosting-Kosten führen. Schnellere Websites erfordern auch weniger Zeit und Aufwand für die Wartung.
Mobile Nutzer:
Mit einer zunehmenden Anzahl von Nutzern, die über mobile Geräte auf Websites zugreifen, bei denen die Verbindungsgeschwindigkeiten langsamer sein können, wird eine optimierte Website-Geschwindigkeit noch wichtiger. Langsames Laden kann auf mobilen Geräten noch problematischer sein und zu höheren Absprungraten führen.
Globale Reichweite:
Nutzer aus verschiedenen Regionen mit unterschiedlichen Internetgeschwindigkeiten können ein konsistentes Erlebnis haben, wenn Ihre Website auf Geschwindigkeit optimiert ist. Schnellere Websites sind von Vorteil, wenn Sie ein globales Publikum anstreben und ein Content Delivery Network (CDN) verwenden, um lokalisierte Inhalte bereitzustellen.
Wie bewertet man die aktuelle Shop-Geschwindigkeit?
Bevor Sie mit dem Verbesserungsprozess beginnen, müssen Sie feststellen, wo Sie gerade stehen, und die aktuelle Geschwindigkeit Ihres Shops sowie die Probleme ermitteln, die Ihre Website verlangsamen könnten. Hier sind einige Methoden und Tools, die Sie zur Bewertung der Geschwindigkeit Ihrer WooCommerce-Website verwenden können:
Direkte Testwerkzeuge
Diese Tools testen die Leistung Ihrer Website direkt, indem sie sie von verschiedenen Standorten auf der ganzen Welt laden und dabei verschiedene Geräte und Verbindungsgeschwindigkeiten simulieren:
- Google PageSpeed Insights: Bietet Einblicke in die Geschwindigkeit sowohl auf Mobilgeräten als auch auf dem Desktop. Gibt auch WooCommerce-Optimierungsvorschläge.
- GTmetrix: Führt eine detaillierte Analyse durch, einschließlich Wasserfalldiagramm, Empfehlungen und verschiedenen Bewertungen.
- WebPageTest: Bietet detaillierte Informationen wie Geschwindigkeitsindex, Time to First Byte und mehr.
Browser-Entwicklertools
Diese in modernen Browsern integrierten Lösungen ermöglichen es Entwicklern, Websites zu inspizieren, zu debuggen und zu profilieren:
- Chrome DevTools: Verwenden Sie die Registerkarten „Netzwerk“ und „Leistung“, um die Website-Geschwindigkeit zu analysieren.
- Firefox Developer Tools: Diese Tools ermöglichen es Entwicklern, Webseiten zu inspizieren, zu debuggen und zu profilieren, und helfen ihnen, das Verhalten und die Struktur von Websites zu verstehen.
Serverseitige Tools
Diese Tools können helfen, serverseitige Probleme zu identifizieren, die mit Frontend-Testtools möglicherweise nicht offensichtlich sind:
- New Relic: Bietet einen tiefen Einblick in die Serverleistung, gut zum Aufspüren von Back-End-Engpässen.
- Log-Analyse: Analysieren Sie Server-Logs, um Probleme zu erkennen.
Plugin-basierte Überprüfungen
Plugins können eine bequeme und leistungsstarke Möglichkeit bieten, verschiedene Aspekte der Leistung Ihres WooCommerce-Shops direkt aus Ihrem WordPress-Adminbereich zu überwachen. Hier sind einige beliebte plugin-basierte Ansätze:
- Query Monitor: Ein WordPress-Plugin, um zu überprüfen, welche Abfragen Ihre Website verlangsamen.
- WP Debugging: Aktiviert die WordPress-Debugging-Funktionen, um nach Problemen zu suchen.
Real User Monitoring
Real User Monitoring (RUM) ist ein Ansatz zur Leistungsüberwachung, der jede Transaktion von Nutzern einer Website oder Anwendung erfasst und analysiert. Im Gegensatz zu synthetischen Überwachungsmethoden, die das Nutzerverhalten simulieren, sammelt RUM Daten aus den tatsächlichen Interaktionen der Nutzer mit Ihrer Website.
In der Regel fügen Sie Ihrer Website ein kleines Stück JavaScript-Code hinzu, das Leistungsdaten sammelt und zur Analyse an einen Server sendet. So funktionieren die meisten RUM-Tools, obwohl die spezifischen Implementierungsdetails variieren können. Zu den hilfreichen Tools für RUM gehören New Relic Browser, Boomerang, Akamai mPulse und andere.
14 Wege, um die Geschwindigkeit Ihres WooCommerce-Shops zu erhöhen
Jetzt, da Sie die aktuelle Ladezeit kennen und wissen, welche Probleme es gibt, können Sie eine Optimierungsstrategie entwickeln. Beachten Sie, dass Sie wahrscheinlich mehrere Aspekte der Website beheben müssen, um eine hohe Geschwindigkeit des WooCommerce-Shops zu erreichen. Außerdem müssen Sie die Geschwindigkeit gelegentlich überwachen, da sie sich mit der Zeit verlangsamen kann. Hier sind einige Ratschläge, wie Sie die Leistung Ihrer Website steigern können:
Finden Sie ein zuverlässiges Hosting
Während die falsche Option zu unzufriedenen Kunden und verlorenen Geschäften führen kann, kann der ideale WooCommerce-Webhosting-Dienst eine einwandfreie Leistung, schnelle Ladezeiten und eine konstante Betriebszeit garantieren.
Jeder Hosting-Typ kann in einer Vielzahl von Plänen mit unterschiedlichen Preispunkten angeboten werden. Berücksichtigen Sie daher bei der Suche nach einem Hosting-Anbieter in Ihrem Preisbereich Funktionen wie serverseitiges Caching, ausreichende Bandbreite und RAM für die Anforderungen Ihrer Website, leistungsstarken SSD-Speicher und aktualisierte Software wie PHP und MySQL.
Wenn Sie einen Shared-Hosting-Plan haben, bedeutet dies, dass Hunderte von Websites denselben Server und seine Ressourcen nutzen. Wählen Sie einen Host, der die Anzahl der auf jedem Server zulässigen Websites begrenzt, oder denken Sie über ein Upgrade auf einen VPS- oder dedizierten Plan nach.
Optimieren Sie die Leistungseinstellungen
Ändern Sie zuerst die URL Ihrer Anmeldeseite. Die Anmelde-URL ist in der Regel standardmäßig und jedem bekannt, einschließlich Hackern, was Websites anfällig für Angriffe macht.
Sie können Brute-Force-Angriffe von böswilligen Akteuren vermeiden, indem Sie Ihre Anmelde-URL in etwas Einzigartiges ändern. Sie können es auch verwenden, um Ratenbegrenzungs-HTTP-Probleme zu vermeiden.
Wenn Ihre E-Commerce-Website auch einen Blog hat, beschränken Sie die Anzahl der Einträge, die in Ihrem Blog-Feed erscheinen. Wenn Sie einen beliebten Blog betreiben, summieren sich die Leistungseinsparungen. Diese Anpassungen können im WordPress-Dashboard in den Lese-Einstellungen vorgenommen werden.
Screenshot von der offiziellen WordPress-Website
Deaktivieren Sie als Nächstes Pingbacks auf Ihrer Website. Normalerweise erzeugen sie Spam. WordPress bietet Ihnen auch die Möglichkeit, große Benutzerkommentare in kleinere Abschnitte zu unterteilen, wenn Sie viele Kommentare von Benutzern zu Ihren Artikeln oder Seiten haben. Um die Ladezeit Ihrer Produktseite zu verkürzen, halten Sie diesen Wert zwischen 10 und 20.
Überdenken Sie die Verwendung von Plugins und Erweiterungen
Es gibt eine Fülle von Plugins für WooCommerce, die eine unbegrenzte Vielseitigkeit bieten. Das bedeutet jedoch nicht, dass Sie jedes einzelne installieren müssen.
Zahlreiche Plugins erhöhen die Anzahl der Javascript- oder CSS-Dateien auf Ihrer Website, was zu mehr HTTP-Anfragen an Ihren Server führt und die Betriebsabläufe Ihres Unternehmens verlangsamt. Darüber hinaus bedeutet die Verwendung von mehr Plugins eine stärkere Nutzung von Serverressourcen, was die Ladezeiten verlangsamt.
Es spielt keine Rolle, wie viele Plugins Sie verwenden; was zählt, ist ihre Qualität. Wählen Sie Plugins, die zahlreiche Aufgaben erledigen können, lesen Sie Bewertungen, um mehr über die Leistung zu erfahren, vergewissern Sie sich, dass sie häufig aktualisiert werden, und installieren Sie Optionen aus seriösen Quellen.
Holen Sie sich ein schnelles E-Commerce-Theme
Sehr oft entscheiden sich Website-Designer bei der Wahl eines E-Commerce-Themes für die Ästhetik, ohne zu berücksichtigen, wie schnell die Seiten laden. Infolgedessen hat das Erscheinungsbild des Frontends häufig Vorrang vor der Ladegeschwindigkeit der Seite.
Um die Ladezeit zu optimieren, wählen Sie ein WooCommerce-Theme, das leicht und leistungsoptimiert ist. Stellen Sie sicher, dass das Theme responsiv ist und einen sauberen Code hat.
Beachten Sie auch, dass viele Themes es Ihnen ermöglichen, Elemente zu deaktivieren, die Sie nicht verwenden. Um festzustellen, ob ein Theme schnell lädt, versuchen Sie, die Demo-Seiten mit den Geschwindigkeitstools zu testen oder die Bewertungen von Benutzern zu durchsuchen.
Bilder komprimieren
Es ist wichtig, Ihre Bilder zu verkleinern, bevor Sie sie auf Ihre Website hochladen, da die Verwendung großer Bilder die Ladezeiten der Seiten drastisch verlangsamt. Um die Bilder auf die richtige Größe für Ihre Website zu skalieren, verwenden Sie Software wie Photoshop, GIMP oder Figma.
Die Dateigrößen Ihrer Fotos können durch Komprimierung ohne Qualitätsverlust reduziert werden. Wählen Sie das richtige Format; es sei denn, Ihr Bild hat einen durchsichtigen Hintergrund, sind JPEG-Bilder, die kleiner sind, in der Regel am besten zum Hochladen geeignet. Achten Sie auf die Größe: Das Hochladen eines 2000-Pixel-Bildes passt nicht an eine Stelle, die nur 500 Pixel breit ist. Komprimieren Sie das Bild nach der Verarbeitung: Bildkompressoren reduzieren die Dateigröße, indem sie alle überflüssigen Daten und Metadaten entfernen.
Lazy Loading implementieren
Eine Funktion namens Lazy Loading verhindert, dass Bilder geladen werden, bis ein Website-Besucher nach unten scrollt, wo sie auf der Seite erscheinen. Infolgedessen müssen Ihre Kunden nicht warten, während Ihre Medien für sie geladen werden, um Ihre Inhalte anzuzeigen. Wenn Ihre Website viele Bilder hat, kann diese Strategie die Ladezeiten für den Shop erheblich verkürzen.
Sie können Lazy Loading in Ihrem WooCommerce-Shop mithilfe von WordPress-Plugins installieren. Die Plugins verkürzen die Zeit, die Ihre Website benötigt, um sich zunächst zu öffnen.
Statische Ressourcen über CDN bereitstellen
Ein Content Delivery Network (CDN) ist ein Netzwerk von Servern, die strategisch über die ganze Welt verteilt sind. Points of Presence (PoPs) sind die Namen dieser Serverstandorte. Das Caching und die Bereitstellung statischer Ressourcen wie Bilder, JavaScript, CSS usw. ist die Hauptaufgabe eines CDN.
Auch wenn Ihre Website auf einem sehr schnellen Server gehostet wird, hat ihr Standort dennoch einen Einfluss. Netzwerklatenz und Time to First Byte (TTFB) werden beide aufgrund des CDN verringert, was die Entfernung zwischen jedem Benutzer und den Ressourcen der Website verkürzt.
Es wählt automatisch den nächstgelegenen CDN-PoP aus, um die zwischengespeicherten Ressourcen basierend auf dem Ursprung der Anfrage bereitzustellen. Viele CDNs bieten zusätzlich zum Caching weitere leistungssteigernde Funktionen wie eine bessere On-the-fly-Bildkomprimierung, HTTP/3-Unterstützung, Hotlink-Schutz und erhöhte Sicherheit.
Unbenutzte Skripte und Stylesheets eliminieren
Die meisten WordPress-Plugins und -Themes laden Skripte und Stylesheets auf jeder Seite Ihrer Website. Selbst wenn sie auf der Seite nicht benötigt werden, laden sie diese Elemente dennoch.
Indem Sie diese unnötigen Elemente von Websites entfernen, können Sie den Page Bloat reduzieren und das Laden von WooCommerce-Seiten beschleunigen, was Ihnen Zeit bei der Einrichtung neuer Websites und der Zuweisung von Personal sparen kann. WooCommerce ist anfällig für dieses Problem, ebenso wie seine Erweiterungen.
Schauen Sie sich das Wasserfalldiagramm in Ihrem Website-Geschwindigkeitstestergebnis an, um zu bestimmen, was entfernt werden soll. Es wird Ihnen helfen, überflüssige Assets zu identifizieren.
Um Skripte und Stile loszuwerden, die Sie nicht benötigen, verwenden Sie wp_dequeue_script und wp_dequeue_style. Asset CleanUp: Page Speed Booster gehört zu den Plugins, die es einfach machen, das gleiche Ziel zu erreichen.
Screenshot von der offiziellen WordPress-Website
Nutzen Sie Caching
Caching ist die temporäre Speicherung von Ressourcen aus einer Anfrage, damit zukünftige Anfragen schnell bearbeitet werden können. Sowohl der Server als auch das Gerät des Benutzers können den Cache speichern.
Wenn ein Benutzer eine Anfrage für eine Website stellt, erhält der DNS-Server die Webseite vom Hosting-Server, und die App auf dem Webserver führt Skripte aus, durchsucht die Datenbank und erzeugt die Webseite, die dann vom Browser gerendert und dem Benutzer angezeigt wird. Der Server wird unter eine enorme Belastung gestellt, wenn Tausende von Besuchern gleichzeitig mehrere Anfragen stellen, was dazu führt, dass die Seite langsam lädt.
Caching kommt in dieser Situation ins Spiel. Es verringert den Aufwand, der zur Erzeugung einer Seitenansicht erforderlich ist, und verringert die Abhängigkeit von WordPress von PHP und einer Datenbank. WordPress arbeitet fast so schnell wie statische Webseiten, wenn nicht sogar genau so schnell.
Serverseitiges Caching und Browser-Caching sind die beiden Hauptkategorien des Online-Caching, die jeweils eine Vielzahl von Unterkategorien haben.
Revisionen begrenzen
WooCommerce bietet eine Standard-Revisionsprüfung auf Produktseiten, mit der Sie zurückgehen und Änderungen an den Seiten sehen können. Obwohl Änderungen vorteilhaft erscheinen mögen, können sie manchmal zu Leistungsproblemen bei WooCommerce führen.
Zur Veranschaulichung: Angenommen, Sie erstellen eine Seite und bearbeiten sie mehrmals, wobei Sie jedes Mal ein Element hinzufügen oder entfernen. Sie haben so viele Duplikate Ihrer ursprünglichen Seite, wie Sie Änderungen vorgenommen haben, auch wenn die Änderung geringfügig ist. Die Leistung von WooCommerce kann letztendlich darunter leiden und sich allmählich verschlechtern.
Sie müssen bestimmte Anpassungen an der Datei wp-config.php im Stammverzeichnis der Website vornehmen, um Revisionen einzuschränken/zu deaktivieren.
Datenbank bereinigen
Jedes Mal, wenn ein Benutzer Ihre Website betritt, fordert er den Inhalt Ihrer Website an, der größtenteils statisch ist. Wenn er jedoch eine Bestellung aufgibt, stellt er eine dynamische Anfrage.
Wenn die Datenbank Ihres Shops nicht optimiert ist, kann die Bearbeitung dieser Abfragen zu lange dauern. Eine langsame Serverantwortzeit führt letztendlich zu einer langsamen Website. Daher müssen Sie unnötigen Müll beseitigen, um die Datenbank zu bereinigen und zu optimieren.
Es gibt verschiedene Ansätze zur Datenbankoptimierung:
- Werden Sie alte Revisionen los. Die Seiten, Artikel und Waren Ihres WooCommerce-Shops werden mit veralteten Änderungen geladen, wenn er schon eine Weile online ist. Es ist Zeit, sie aufzuräumen. Die einfachste Methode ist die Verwendung von Plugins wie WP-Sweep oder WP Rocket.
- Entfernen Sie ablaufende Transienten. Ein fehlerhafter temporärer Cache erzeugt gelegentlich über eine Million nutzloser Einträge ohne ersichtliches Ende. Im Laufe der Zeit können sich Kundensitzungen ansammeln und Tausende von zusätzlichen Einträgen in Ihren Datenbanktabellen hinzufügen. Eine aufgeblähte Datenbank kann Ihre Website in solchen Umständen zum Erliegen bringen. Alle abgelaufenen Transienten können mit dem kostenlosen Plugin „Delete Expired Transients“ einfach entfernt werden.
Screenshot von der offiziellen WordPress-Website
- Bereinigen Sie Ihre Datenbanktabellen. Alles, was zum Betrieb Ihres E-Commerce-Geschäfts erforderlich ist, wird in Ihrer WooCommerce-Datenbank gespeichert. Ihre Datenbank wird ineffizient und speichert am Ende viele unwichtige Daten, wenn Daten zu den Tabellen hinzugefügt und verschoben werden. Die Bereinigung Ihrer Datenbanktabellen ist wichtig, um diese zusätzlichen Informationen zu entfernen.
- Deaktivieren Sie Funktionen, die nicht kritisch sind, aber die Datenbank belasten. Themes und Plugins für WooCommerce haben viele clevere Funktionen, die anfangs großartig erscheinen, aber am Ende die Datenbank zerstören. Eines der Beispiele sind Bildkomprimierungs-Plugins, die Bilder auf demselben Server komprimieren, auf dem die Website gehostet wird. Plugins, die Zähler zu Ihrer Website hinzufügen, wie Ansichten, Kommentare usw., sollten ebenfalls vermieden werden.
Mobile Optimierung durchführen
Laut Oberlo sagen 60 % der Käufer, dass die Möglichkeit des mobilen Einkaufs ein wichtiges Kriterium bei der Markenauswahl ist. Daher ist die mobile Optimierung absolut unerlässlich.
Die Verwendung eines responsiven Themes ist der einfachste Ansatz, um Ihre WordPress-Website für mobile Geräte anzupassen. Halten Sie Ihre Shop-Seiten so einfach wie möglich, da mobile Kunden kein endloses Scrollen mögen. Überfordern Sie sie nicht mit Informationen.
Wenn Ihr Unternehmen viele Artikel anzeigt, erleichtern Sie mobilen Kunden die Suche, indem Sie Live-Produktfilter bereitstellen. Erwägen Sie die Installation des WooCommerce Product Search-Plugins.
Verwenden Sie das Lighthouse-Tool von Chrome oder das Mobile-Friendly Test-Tool von Google, um zu sehen, ob Ihre Website die erforderlichen Richtlinien zur mobilen Benutzerfreundlichkeit erfüllt.
Weiterleitungen minimieren
Der Server zeichnet jeden Klick auf einen Link zu einer Seite in Ihrem Shop als Weiterleitung auf. Im Wesentlichen muss der Server die Benutzer auf die richtige Seite leiten. Obwohl es nur wenige Sekunden dauert, können Kunden es als lange Zeit empfinden, was sich direkt auf die Absprungrate Ihres Shops auswirkt.
Wenn Ihre Website viele Weiterleitungen hat, verbrauchen Sie Serverressourcen und verlängern die Zeit, die benötigt wird, um die endgültige Seite zu erreichen. Infolgedessen führt die Reduzierung der Weiterleitung zu einer spürbaren Steigerung der Seitenladezeit, da es sich um einen bewährten WooCommerce-Optimierungsansatz handelt.
Aktualisieren Sie Ihre PHP-Version und erhöhen Sie das Speicherlimit
Jedes PHP-Update ist schneller als die vorherigen Versionen. Ihr Host bestimmt die von Ihnen verwendete PHP-Version, und Sie können sie oft in Ihrem Hosting-Kontrollpanel ändern. Der genaue Vorgang kann jedoch je nach Anbieter variieren. Alternativ können Sie einfach den Kundendienst bitten, dies für Sie zu tun. Erstellen Sie vor dem Aktualisieren Ihrer PHP-Version ein vollständiges Website-Backup und testen Sie dann alles, um sicherzustellen, dass es korrekt funktioniert.
Ihr Hosting-Unternehmen hat Ihrer Website eine bestimmte Menge an Speicher zugewiesen. Je nach Ihrer speziellen Website können Sie diese Obergrenze jedoch überschreiten. Sie können sich jederzeit an Ihr Hosting-Unternehmen wenden, wenn Ihr Hosting-Kontrollpanel es Ihnen nicht erlaubt, das Limit zu ändern. PHP erhält von WordPress standardmäßig eine Speicherzuweisung von 32 MB. Es wird automatisch versuchen, dieses Limit auf 40 MB oder 64 MB zu erhöhen, wenn es auf Probleme stößt. Dieses Limit wird für eine WooCommerce-Website oft nicht ausreichen. Es wird empfohlen, dieses Limit auf 256 MB zu erhöhen.
Schlusswort
Mit den oben genannten Methoden können Sie die Geschwindigkeit Ihres WooCommerce-Shops dramatisch verbessern, von grundlegenden Einstellungsanpassungen bis hin zu fortgeschrittenen serverseitigen Lösungen. Diese Techniken dienen dazu, die Geschwindigkeit Ihrer Website zu verbessern und sollten Teil einer fortlaufenden Strategie sein, um die Leistung der Website nicht nur zu verbessern, sondern auch aufrechtzuerhalten.
Letztendlich ist die Geschwindigkeitsoptimierung keine einmalige Aufgabe, sondern eine fortlaufende Verpflichtung. Die regelmäßige Überwachung der Geschwindigkeit Ihrer Website mit den verschiedenen besprochenen Tools und Methoden kann wertvolle Einblicke geben, wie gut Ihre WooCommerce-Optimierungsbemühungen funktionieren.
