Langsame WooCommerce-Shops können Sie auf verschiedene Weise Geld kosten, vom Anstieg der Warenkorbabbrüche bis zum Verlust der Kundentreue. Laut Unbounce geben fast 70 % der Verbraucher an, dass die Seitengeschwindigkeit ihren Wunsch beeinflusst, in einem Online-Shop einzukaufen. Das Problem hierbei 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 zwischen 0 und 5 Sekunden zum Laden 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 Ihrer E-Commerce-Website.
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 WooCommerce-Shops:
Benutzererfahrung:
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 Rankingfaktoren für Google. Metriken wie Largest Contentful Paint (LCP), First Input Delay (FID) und Cumulative Layout Shift (CLS) sind Teil der Rankingfaktoren von Google. Schnellere Websites haben eine höhere Chance, in den Suchmaschinen höher zu ranken. Mit dem Aufkommen 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, wo 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 vorteilhaft, 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 mögliche Probleme, die Ihre Website verlangsamen könnten, herausfinden. Hier sind einige Methoden und Tools, mit denen Sie die Geschwindigkeit Ihrer WooCommerce-Website bewerten können:
Direkte Test-Tools
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 für Mobilgeräte und Desktops. Gibt auch Optimierungsvorschläge für WooCommerce.
- 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 moderne Browser 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, was ihnen hilft, das Verhalten und die Struktur von Websites zu verstehen.
Serverseitige Tools
Diese Tools können helfen, serverseitige Probleme zu identifizieren, die mit Frontend-Test-Tools möglicherweise nicht offensichtlich sind:
- New Relic: Bietet einen tiefen Einblick in die Serverleistung, gut zum Aufspüren von Back-End-Engpässen.
- Protokollanalyse: Analysieren Sie Serverprotokolle, 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 WordPress-Debugging-Funktionen zur Überprüfung auf Probleme.
Echtzeit-Benutzerüberwachung
Real User Monitoring (RUM) ist ein Ansatz zur Leistungsüberwachung, der jede Transaktion von Benutzern einer Website oder Anwendung erfasst und analysiert. Im Gegensatz zu synthetischen Überwachungsmethoden, die das Benutzerverhalten simulieren, sammelt RUM Daten aus den tatsächlichen Interaktionen der Benutzer mit Ihrer Website.
In der Regel fügen Sie Ihrer Website ein kleines Stück JavaScript-Code hinzu, der 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 und die vorhandenen Probleme kennen, 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 Geschäftsverlusten führen kann, kann der ideale WooCommerce-Webhosting-Service eine einwandfreie Leistung, schnelle Ladezeiten und eine konstante Verfügbarkeit garantieren.
Jeder Hosting-Typ kann unter einer Vielzahl von Plänen mit unterschiedlichen Preispunkten angeboten werden. Berücksichtigen Sie daher bei der Suche nach einem Hosting-Anbieter in Ihrer Preisklasse Funktionen wie serverseitiges Caching, ausreichende Bandbreite und RAM für die Anforderungen Ihrer Website, Hochleistungs-SSD-Speicher und aktualisierte Software wie PHP und MySQL.
Wenn Sie einen Shared-Hosting-Plan haben, bedeutet das, 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 einschränkt, oder denken Sie über ein Upgrade auf einen VPS- oder dedizierten Plan nach.
Leistungseinstellungen optimieren
Ändern Sie zuerst die URL Ihrer Anmeldeseite. Die Anmelde-URL ist in der Regel standardmäßig und allen 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 HTTP-Probleme mit Ratenbegrenzung zu verhindern.
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 verwalten, summieren sich die Leistungseinsparungen. Diese Anpassungen können in den Lese-Einstellungen des WordPress-Dashboards vorgenommen werden.
Screenshot von der offiziellen WordPress-Website
Schalten Sie als Nächstes Pingbacks auf Ihrer Website aus. Typischerweise produzieren 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. Dies 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 dazu führt, dass Ihr Server mehr HTTP-Anfragen erhält und die Betriebsabläufe Ihres Unternehmens verlangsamt werden. Darüber hinaus bedeutet die Verwendung von mehr Plugins, dass mehr Serverressourcen verbraucht werden, 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 ausführen 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 von 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 Seitenladegeschwindigkeit.
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.
Denken Sie auch daran, 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 Geschwindigkeits-Tools zu verwenden, um die Demo-Seiten zu testen, oder durchsuchen Sie die Bewertungen von Benutzern.
Bilder komprimieren
Es ist wichtig, Ihre Bilder zu verkleinern, bevor Sie sie auf Ihrer Website veröffentlichen, 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 verringert werden. Wählen Sie das geeignete Format; es sei denn, Ihr Bild hat einen durchsichtigen Hintergrund, sind JPEG-Bilder, die kleiner sind, oft am besten zum Hochladen geeignet. Achten Sie auf die Größe: Das Hochladen eines 2000-Pixel-Bildes passt nicht an einen Ort, der 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, die als Lazy Loading bekannt ist, verhindert, dass Bilder geladen werden, bis ein Website-Besucher nach unten scrollt, wo sie auf der Seite erscheinen. Dadurch müssen Ihre Kunden nicht warten, während Ihre Medien geladen werden, um Ihre Inhalte anzuzeigen. Wenn Ihre Website viele Bilder hat, kann diese Strategie die Ladezeiten für den Shop erheblich reduzieren.
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 anfangs zu öffnen.
Statische Ressourcen über CDN bereitstellen
Ein Content Delivery Network (CDN) ist ein Servernetzwerk, das strategisch auf der ganzen Welt positioniert ist. 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 durch ein CDN verringert, das 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 neben dem Caching zusätzliche 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. Auch wenn sie auf der Seite nicht benötigt werden, laden sie diese Elemente dennoch.
Durch das Entfernen dieser unnötigen Elemente von Websites können Sie das Seitenaufblähen verringern 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, dasselbe Ziel zu erreichen.
Screenshot von der offiziellen WordPress-Website
Auf Caching umstellen
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, ruft der DNS-Server die Webseite vom Hosting-Server ab, und die App auf dem Webserver führt Skripte aus, durchsucht die Datenbank und erstellt die Webseite, die dann vom Browser gerendert und dem Benutzer angezeigt wird. Der Server wird unter eine enorme Belastung gesetzt, wenn Tausende von Besuchern gleichzeitig mehrere Anfragen stellen, was dazu führt, dass die Seite langsam lädt.
In dieser Situation kommt Caching 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 standardmäßige 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 sie jedoch eine Bestellung aufgeben, stellen sie 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 überflüssigen Müll beseitigen, um die Datenbank zu bereinigen und zu optimieren.
Es gibt mehrere Ansätze zur Datenbankoptimierung:
- Beseitigen Sie alte Revisionen. 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 nutzlose 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 Absturz bringen. Alle abgelaufenen Transienten können einfach mit dem kostenlosen Plugin „Delete Expired Transients“ 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 unerlässlich, 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. Ein Beispiel 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, über Mobilgeräte einzukaufen, 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 nicht endlos scrollen möchten. Ü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 dies 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. Daher führt die Reduzierung von Weiterleitungen zu einer spürbaren Erhöhung der Seitenladezeit, da dies ein bewährter Ansatz zur WooCommerce-Optimierung ist.
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. Das genaue Verfahren kann jedoch je nach Anbieter variieren. Alternativ können Sie einfach den Kundendienst bitten, dies für Sie zu tun. Bevor Sie Ihre PHP-Version aktualisieren, erstellen Sie 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 standardmäßig von WordPress 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 ist für eine WooCommerce-Website oft nicht ausreichend. Es wird empfohlen, diese Obergrenze 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 fortschrittlichen serverseitigen Lösungen. Diese Techniken dienen der Verbesserung der Geschwindigkeit Ihrer Website 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.
