Blog

Shopware PageSpeed Optimierung – so wird Ihr Shop richtig schnell

Von 19. August 2024 Keine Kommentare
Shopware PageSpeed Optimierung

Shopware PageSpeed Optimierung: Verbessern Sie die Ladezeit Ihres Onlineshops. Umsatz & Kundenzufriedenheit steigern mit der PageSpeed Optimierung.

Lange Ladezeiten bei Onlineshops sind nervig für Ihre Kunden, schaden dem Umsatz und verschlechtern das Google Ranking. Mit diesen Tipps können Sie die Ladezeit für Ihren Shopware Shop verkürzen und die Punktezahl bei Google PageSpeed verbessern! Auch für Shopware 6 gibt es Tipps zur PageSpeed Optimierung.

Die Shopware PageSpeed-Optimierung ist mitentscheidend für den Erfolg Ihres Onlineshops, da sie das Nutzererlebnis deutlich verbessert, indem sie die Ladezeiten verkürzt und somit die Absprungrate senkt. Außerdem wird eine schnelle Website von Suchmaschinen wie Google bevorzugt, was zu einem besseren Ranking und mehr organischem Traffic führt, da PageSpeed ein offizieller Google-Ranking-Faktor ist. Schließlich erhöht eine optimierte Ladezeit die Konversionsrate, da Kunden auf einer schnell ladenden Seite eher kaufen und positive Bewertungen hinterlassen.

Was bedeutet das Google Speed Update?

Für bereits schnelle Webseiten wird das PageSpeed Update kaum Vorteile bringen. Der Focus steht vielmehr auf Seiten, die durch überdurchschnittlich lange Ladezeiten auffallen. Das bedeutet, dass Websites mit sehr langen Ladezeiten mit Rankingverlusten rechnen müssen!

Auswirkungen auch bei Google AdWords

Nicht nur bei der Suchmaschinenoptimierung spielt die Ladezeit der Webseite eine wichtige Rolle. Auch bei Google AdWords kann der Google Quality Score durch langsame Ladezeiten verschlechtert werden und somit den CPC (Cost-per-Click) erhöhen.

Ladezeit Shopware optimieren – PageSpeed verbessern

Mit diesen SEO Tipps von RankensteinSEO können Sie die Ladezeit für Ihren Shopware Shop erheblich verbessern:

1. PageSpeed Insights aufrufen

Prüfen Sie die Ladezeit Ihrer Webseite mit Google PageSpeed.

https://developers.google.com/speed/pagespeed/insights/?hl=de

PageSpeed langsam

Die Ladezeit sollte optimal im grünen Bereich liegen, zumindest aber mit mittleren Bereich (gelb). Sollte die Ladezeit im roten Bereich liegen, sollten Sie dringend handeln. Bei PageSpeed Insights erhalten Sie ebenfalls Tipps zur Verbesserung der Ladezeit.

2. Komprimierung aktivieren mit gzip und mod_deflate

Das Apache-Webserver Modul mod_deflate ermöglicht über gzip die Komprimierung von HTML- und CSS-Dateien.

So aktivieren Sie die gzip-Komprimierung:

Öffnen Sie die .htaccess Datei und fügen Sie folgenden Code ein:

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
</IfModule>

3. Browser-Cache für den Server aktivieren

Um zu verhindern, dass statische Ressourcen, wie beispielsweise das Logo, für wiederkehrende Besuche erneut ständig geladen werden, wird für den Browser ein Verfallsdatum festgelegt.

Zur Nutzung des Apache Moduls mod_expires fügen Sie folgende Zeilen in die htaccess ein:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/html "access plus 500 seconds"
ExpiresByType image/gif "access plus 14 days"
ExpiresByType image/ico "access plus 14 days"
ExpiresByType image/jpeg "access plus 14 days"
ExpiresByType image/jpg "access plus 14 days"
ExpiresByType image/png "access plus 14 days"
ExpiresByType text/css "access plus 14 days"
ExpiresByType text/javascript "access plus 14 days"
ExpiresByType application/x-javascript "access plus 14 days"
ExpiresByType application/javascript "access plus 14 days"
</IfModule>

 

Die Lebensdauer der Caching-Ressourcen sollte mindestens eine Woche betragen. Für Widgets oder Werbeanzeigen von Drittanbietern sollten Sie für die Lebensdauer mindestens einen Tag eintragen. Ob die Aktivierung des Cache erfolgreich funktioniert hat, sollten Sie im Anschluss erneut mit Google PageSpeed Insights prüfen.

4. Komprimierung der Bilder

Ein wesentlicher Faktor für eine schnelle Ladezeit ist die Größe der Bilder. Diese sollten daher komprimiert werden. Empfehlen können wir das Plugin TINYPNG u. TINYJPG für Shopware. Hierbei handelt es sich um einen Service, welcher eine verlustfreie Komprimierung von PNG- und JPG-Dateien ermöglicht. Die Dateigröße der Bilder wird um bis zu 70% reduziert, wodurch die Ladezeit des Shops erheblich beschleunigt wird. Bei TINYPNG kann man bis zu 500 Bilder pro Monat kostenfrei komprimieren, danach fällt eine Gebühr von 0,009$ pro Bild an.

5. Javascript asynchron laden

Ab Shopware 5.3 kann man JavaScript asynchron laden. Mittels Asynchronität lassen sich zeitaufwändige Ressourcenzugriffe im Code minimieren. Durch dieses Verfahren wird das erste Rendern der Seite beschleunigt.

So wird das Javascript bei Shopware asynchron geladen:

  • Gehen in den Theme Manager
  • Klicken Sie auf das aktive Theme
  • Dann auf Theme konfigurieren klicken
  • Dann auf Konfiguration

Prüfen Sie, ob der Haken „Javascript asynchron gesetzt ist“.

5. Javascript asynchron laden Shopware

Bei einer Shopware Neuinstallation sollte Javascript bereits asynchron geladen werden. Bei einem Udate auf 5.3 ist die Funktion erstmal deaktiviert. Nach Aktivierung sollten Sie den Shopware Cache leeren und die Themes neu kompilieren.

Der PageSpeed im Vergleich – vorher und nachher:

Bei einem Kunden konnten wir die Ladezeit, insbesondere im mobilen Bereich, durch asynchrones Javascript laden erheblich verbessern:

Ohne asynchrones Javascript laden
Ohne asynchrones Javascript laden

Javascript wird asynchron geladen
Javascript wird asynchron geladen

Ergebnis: Der Pagespeed ist mobil von 69 auf 88 Punkte gestiegen und Desktop von 81 auf 89 Punkte.

6. Update von PHP 5 auf PHP 7

Shopware ist ab der Version 5.1 bereits mit PHP 7 kompatibel, woraus sich viele Vorteile bei der Geschwindigkeit ergeben. PHP 7.0.x bietet je nach Anwendungsbereich eine zwischen 25 – 30 Prozent höhere Ausführungsgeschwindigkeit. Bei der Performance haben die Shopware-Entwickler bei PHP 7 in einigen Bereichen sogar eine Verdopplung der Geschwindigkeit gegenüber PHP 5.6 festgestellt. Falls Ihr Shop noch unter PHP 5 laufen sollte, sollten Sie daher ein Update auf PHP 7 durchführen. Natürlich sollte die neue PHP Version erst in einer Testumgebung installiert werden um zu prüfen, ob nach dem Update alles einwandfrei funktioniert.

7. nginx-Webserver versus Apache

Bei statischem Dateien, wie Bildern, CSS, JS und Bearbeitung vieler gleichzeitiger Requests kann ein nginx Server Performance Vorteile aufweisen gegenüber Apache. Bei besonders trafficstarken Shops und Shops mit sehr vielen Bildern kann ein nginx-Server empfohlen werden.

8. Auswahl des passenden Hosters

Der Hoster ist oftmals die Achillesferse, also der Schwachpunkt bei der PageSpeed Optimierung von Webseiten und Onlineshops! Hat man nämlich schon diverse Optimierungsmaßnahmen getätigt, dann macht einen ein langsamer Hoster häufig einen Strich durch die Rechnung bei der PageSpeed Punktezahl! Achten Sie also darauf, dass die Serverantwortzeit im schnellen Bereich liegt. Beim Hosting sollte man also nicht am falschen Ende sparen. Je nach Größe des Onlineshops sollte ein virtueller Server oder sogar ein eigener Server in Frage kommen.

Vorteile der SSD Festplatten gegenüber klassischen Festplatten:

Bei der Wahl des Hosters sollte man prüfen, ob dieser auch Hosting auf SSD (Solid-State-Drive) anbietet. SSDs sind gegenüber herkömmlichen Festplatten robuster und haben kürzere Zugriffszeiten und höhere Datenübertragungsraten.

9. Plugin-Prüfung

Sollte Ihr Shop nach Durchführung der PageSpeed Optimierungsmaßnahmen immer noch eine langsame Ladezeit haben, sollten Sie auch die installierten Shopware Plugins prüfen bzw. ob Sie auch die aktuellste Version des Plugins verwenden. In Vielen Fällen können einzelne Plugins zu einer Verschlechterung der Ladezeit führen. Um Shopware auf langsame Plugins zu prüfen, können sie die einzeln deaktivieren und anschließend erneut das Frontend mit Google PageSpeed prüfen. Um den Livebetrieb nicht zu beeinträchtigen, sollte das Vorgehen natürlich in einer Testumgebung geprüft werden

10. Weitere Website Performance Test Tools

Neben Google PageSpeed Insights sollten Sie weiterer Website Performance Test Tools nutzen. Hier sehen Sie häufig sehr schnell, welche Ressourcen, wie Bilder, CSS, JS, etc. die Ladezeit Ihrer Seite verzögern. Empfehlen können wir zum Beispiel die Tools https://www.webpagetest.org und https://tools.pingdom.com

11. Vorteile von HTTP/2 im Vergleich zu HTTP/1.1

HTTP/2 ist das erste große HTTP-Protokoll-Update seit 1997, als HTTP/1.1 erstmals von der IETF veröffentlicht wurde. Das neue HTTP-Protokoll wird benötigt, um mit dem exponentiellen Wachstum des Webs Schritt zu halten. Der Nachfolger von HTTP/1.1 bringt deutliche Verbesserungen in Effizienz, Geschwindigkeit und Sicherheit und wird von den meisten modernen Webbrowsern unterstützt.

Das HTTP/2.0-Transfer-Protokoll (HTTP/2) bietet eine weitere Möglichkeit, um die Ladezeit Ihrer Webseite zu verbessern. HTTP/2 ist schneller, als das herkömmliche HTTP/1.1, denn mit HTTP/2 erfolgt eine komprimierte Übertragung der Daten, die im Binärcode gesendet werden, während bei HTTP/1.1 die Übertragung im Klartext erfolgt. Dadurch wird mit HTTP/2 Bandbreite gespart, was gerade auch im mobilen Bereich wichtig ist.

Aktivieren von HTTP/2 für Ihre Website

HTTP/2 kann bei Apache HTTP 2.4.17 oder einer späteren Version mit Hilfe des mod_http2-Moduls implementiert werden. Wenn Sie also Version 2.2 oder niedriger haben, müssen Sie zuerst auf die kompatible Version upgraden. Nginx 1.9.5 oder höhere Versionen unterstützen HTTP/2, also müssen Sie zuerst sicherstellen, dass Sie die kompatible Version installiert haben. HTTP/2 wird nur für SSL-Seiten unterstützt. Sollten Sie noch kein SSl Reztifikat installiert haben, wird weiterhin HTTP/1 eingesetzt. Hier finden Sie eine HTTP/2 Anleitung für Apache und hier für NGINX Plus bzw. für Open Source NGINX. Hier noch eine Anleitung für den HTTP/2 Support in Plesk

Ob Ihre Webseite mit HTTP/2 erreichbar ist, können Sie mit folgendem Tool prüfen: https://tools.keycdn.com/http2-test. Zum Testen, ob eine Website mit HTTP/2 ausgeliefert wird, können Sie auch die Plugins HTTP/2 and SPDY indicator für Chrome und HTTP/2 Indicator für Firefox verwenden.

12. 404 Fehlermeldungen beheben

Im Rahmen der PageSpeed Optimierung von Kundenseiten konnten wir wiederholt feststellen, dass sich 404-Fehlermeldungen äußerst negativ auf die Ladezeit von Webseiten auswirken können!

404 Fehler können die Ladezeit einer Webseite erheblich verzögern!
404 Fehler können die Ladezeit einer Webseite erheblich verzögern!

Wenn die angeforderten Ressourcen beim Laden der Website nicht gefunden werden, kann sich die Ladezeit erheblich verzögern. Wenn ein Bild, Javascript-Datei oder CSS-Datei zwar im Quelltext der Seite definiert ist, aber beim Laden nicht gefunden wird, macht sich der Server auf die Suche nach der vom Browser angeforderten Ressource. Somit wird die Ladezeit unnötig hinausgezögert.

404 Fehler finden und beheben

Zuerst müssen die 404 Fehler erzeugenden Ressourcen gefunden werden. Dazu haben Sie mehrere Möglichkeiten:

  • In der Google Search Console Meldungen bezüglich Crawl Errors prüfen
  • Die Domain regelmäßig crawlen mit SEO Tools wie Screamingfrog
  • Einzelne Seitenkönnen Sie auch im Browser überprüfen. Im Chrome Browser klicken Sie dazu auf „weitere Tools“„Entwicklertools“ – und dann auf „Network“. Laden Sie nun die Seite neu mit F5. Bei Status sollte normalerweise 200 stehen, Wenn dort 404 steht, wurde das Objekt nicht gefunden.

404 Fehler mit Chrome Network finden
404 Fehler mit Chrome Network finden

Zur Behebung der 404 Fehler sollte zuerst geprüft werden, ob nicht gefundenen Ressourcen überhaupt gebraucht werden. Wenn es klar ist, dass sie nicht gebraucht werden, z.B. alter Banner, Logo, nicht mehr benötigtes Javascript etc., dann einfach aus dem Quelltext entfernen. Oftmals sind es auch externe Ressourcen, die nicht mehr vorhanden sind und somit einen 404 Fehler erzeugen. Auch hier sollte geprüft werden, ob die nicht gefundenen Ressourcen überhaupt benötigt werden. Oftmals ist es auch so, dass sich bei Grafiken lediglich der die URL geändert hat, d.h. die Bilder sind noch vorhanden, liegen aber an einem anderen Ort. In diesem Falle sollte im Quelltext der URL-Pfad angepasst werden.

13. PHP Memory Limit erhöhen

In vielen Shopware Standardinstallationen ist ein PHP Memory Limit von 256 MB oder weniger eingetragen. Das Memory Limit legt fest, wie viel Arbeitsspeicher ein einzelnes PHP Script für seine Ausführung nutzen darf. Eine Leistungssteigerung erhält man oft, wenn man das PHP Memory Limit erhöht auf einen Wert zwischen 512 MB und 1024 MB. Somit lassen sich auch „Out of Memory“ Fehler beheben. Eine Leistungssteigerung kann nicht nur im Frontend, sondern auch im Backend erzielt werden, z.B. beim Kompilieren der Themes. Der festzulegende Wert ist natürlich auch vom Hoster abhängig. Bei einem Server mit 8 GB RAM kann man ruhig 1024 MB festlegen für das PHP Memory Limit.

14. Shopware HTTP Cache

Der Shopware HTTP-Cache steht seit Shopware 4.1.0 zur Verfügung. Sie können die Antworten des Shop-Systems zwischenspeichern, sodass beim nächsten Aufruf der gleichen Seite die Antwort viel schneller zurückgegeben werden kann. Mit dem HTTP-Cache ist es möglich, ganze Seiten im Shopware-Frontend zwischen zu speichern und so die Last auf das System deutlich zu verringern. Als Technologie verwendet Shopware einen HTTP-Reverse-Proxy-Cache mit ESI (Edge Side Includes) Unterstützung.

Den Shopware HTTP-Cache können Sie unter Einstellungen ==> Caches / Performance ==> http-Cache aktivieren.

Shopware HTTP Cache
Der Shopware HTTP Cache kann die Ladezeit verbessern

Cache Warmer:

Bei den http-Cache Einstellungen finden Sie auch den Cache Warmer.

Hiermit können Sie den aktiven HTTP-Cache manuell auf Basis der vorhandenen SEO-URLs „vorwärmen.“ Der Cache Warmer ruft die Seiten Ihres Shops auf, sodass der HTTP-Cache angelegt wird. Kunden, die hiernach die URL besuchen, bekommen die gecachte Version der Seite ausgeliefert. Gerade bei zu erwartenden Lastszenarien (z.B. nach Newsletter-Versand) kann ein Aufwärmen des Cache sinnvoll sein, um die Ressourcen Ihres Servers zu schonen.

Zusammenfassung Shopware PageSpeed Optimierung

Mit den genannten Maßnahmen sollten Sie die Ladezeit Ihres Shopware Shops bereits deutlich verbessern können. Natürlich können wir an dieser Stelle nicht alle Maßnahmen bis ins Detail erörtern. Sollten Sie bei der Shopware PageSpeed Ihres Onlineshops eine professionelle Beratung benötigen, so kontaktieren Sie uns gerne. Wir haben als SEO Agentur eine langjährige Erfahrung in der Suchmaschinenoptimierung und Programmierung für Shopware Onlineshops.


SEO Anfrage: Wie können wir Ihnen helfen?

Jan Siefken, Senior SEO Manager: Persönliche Beratung per E-Mail: siefken@position-one.de
per Telefon: 040-999-994-337 | per Kontaktformular:

Kontaktformular






    *Pflichtfeld



    Jan Siefken

    Jan Siefken

    Senior SEO-Manager - Position One GmbH aus Hamburg. Sie benötigen eine professionelle Suchmaschinenoptimierung für Ihre Website oder Ihren Onlineshop durch einen erfahrenen SEO-Experten? Sie möchten, dass Ihre Seite schneller wird und brauchen eine PageSpeed-Analyse? Ich berate Sie gerne zu allen Themen rund um SEO, insbesondere zu Shopware SEO. Schreiben Sie mir eine E-Mail: siefken(at)position-one.de oder nutzen Sie unser Kontaktformular.

    Schreibe einen Kommentar