Shopware PageSpeed Optimierung – so wird Ihr Shop richtig schnell
Shopware PageSpeed Optimierung – optimieren Sie die Ladezeit für Ihren Shopware Onlineshop. Lange Ladezeiten bei Onlineshops sind nervig für Ihre Kunden, schaden dem Umsatz und verschlechtern das Google Ranking. Mit diesen Tipps von der SEO Agentur Hamburg können Sie die Ladezeit für Ihren Shopware Shop verkürzen und die Punktezahl bei Google PageSpeed verbessern!
Lange Ladezeiten bei Shopware Shops verschlechtern das Google Ranking! Mit diesen Tipps zur Shopware PageSpeed Optimierung können Sie die Punktezahl bei Google PageSpeed verbessern.
Performance Optimierung für Shopware Shops
Performance Optimierung für Shopware Shops: Unsere Google PageSpeed Optimierung ist für Shopware 5 und Shopware 6 verfügbar. Buchen Sie unsere Shopware Performance Analyse und verbessern Sie nachhaltig die Ladezeit und damit den Umsatz für Ihren Onlineshop.
Inhaltsverzeichnis
- 1. Was bedeutet das Google Speed Update?
- 1.1 PageSpeed Insights aufrufen
- 2. Komprimierung aktivieren mit gzip und mod_deflate
- 3. Browser-Cache für den Server aktivieren
- 4. Komprimierung der Bilder
- 4.1 Youtube Videos Ladezeit verkürzen
- 5. Javascript asynchron laden
- 5.1 Der PageSpeed im Vergleich – vorher und nachher:
- 6. Update von PHP 5 auf PHP 7
- 7. nginx-Webserver versus Apache
- 7.1 Komprimierung bei NGINX aktivieren
- 7.2 7.2 NGINX Cache aktivieren
- 8. Auswahl des passenden Hosters
- 8.1 Vorteile der SSD Festplatten gegenüber klassischen Festplatten
- 9. Plugin-Prüfung
- 10. Weitere Website Performance Test Tools
- 11. Vorteile von HTTP/2 im Vergleich zu HTTP/1.1
- 11.1 Aktivieren von HTTP/2 für Ihre Website
- 12. 404 Fehlermeldungen
- 12.1 404 Fehlermeldungen finden und beheben
- 13. PHP Memory Limit erhöhen
- 14. Shopware HTTP Cache
- 14.1 Cache Warmer
- 15. Content Delivery Network
- 16. Zusammenfassung Shopware PageSpeed Optimierung
Google liebt Speed: Im Juli startet das Google Geschwindigkeits-Update, d.h. PageSpeed wird ein Ranking Faktor für die mobile Suche. Nach der Umstellung auf den Mobil-Index als Hauptindex, werden schnelle Ladezeiten auf dem Mobilgerät immer wichtiger. Nutzen Sie jetzt die Shopware Performance Analyse unserer Shopware Agentur und reduzieren Sie lange Ladezeiten, optimieren Sie die Conversion Rate und steigern Sie nachhaltig den Umsatz Ihres Onlineshops mit unserer Performance Analyse für Shopware 5 und 6.
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 Tipps können Sie die Ladezeit für Ihren Shopware Shop erheblich verbessern:
1.1 PageSpeed Insights aufrufen
Prüfen Sie die Ladezeit Ihrer Webseite mit Google PageSpeed.
https://developers.google.com/speed/pagespeed/insights/?hl=de
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.
Prüfen Sie auch hohe Ladezeiten einzelner Seiten bei Google Analytics. Hier können hohe Absprungraten häufig auch mit einer langen Ladezeit korrelieren. Insbesondere mobile Nutzer verlassen Ihre Seite bei einer langen Ladezeit schnell.
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.
4.1 Youtube Videos Ladezeit verkürzen
Optimieren Sie die Ladezeit von eingebundenen Youtube Videos für Google PageSpeed. Wenn Sie Videos von Youtube einbinden wird normalerweise bei jedem Seitenaufruf der komplette Code inklusive Player und Scripten von Youtube geladen, wodurch sich die Ladezeit erheblich verzögern kann. Mit einem Trick verhindern Sie, dass der Browser den YouTube-Code liest, bis auf den Player-Button geklickt wurde. So wird die Youtube Video Ladezeit optimiert »
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 und damit die Ladezeit 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”.
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.
5.1 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
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.
7.1 Komprimierung bei NGINX aktivieren
Die Einstellungen für die Komprimierung in der nginx.conf lauten wie folgt:
gzip on;
gzip_disable "MSIE [1-6]\.(?!.*SV1)";
gzip_proxied any;
gzip_buffers 16 8k;
gzip_types text/plain text/html text/css text/xml
application/x-javascript application/xml
application/xml+rss text/javascript;
gzip_vary on;
7.2 NGINX Cache aktivieren
Im Serverblock folgendes eingeben:
map $sent_http_content_type $expires {
default off:
text/html epoch;
text/css max;
application/javascript max;
~image/ max;
}
expires $expires;
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. Ein leistungsstarker Server ist ein sehr wichtiger Faktor bei der PageSpeed Optimierung, d.h. ein schneller Server bietet viel Potential, um die Ladezeit zu verbessern. Am Server sollte man daher auf keinen Fall sparen.
8.1 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. Außerdem sollte man auch kritisch prüfen, ob alle eingesetzten Shopware Plugins auch tatsächlich notwendig sind.
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.
11.1 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!
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.
12.1 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
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.
Der Shopware HTTP Cache kann die Ladezeit verbessern
14.1 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.
15. Content Delivery Network
Auch der Einsatz eines Content Delivery Network (CDN) kann die Ladezeit oftmals noch einmal deutlich verbessern. Bei einem Content Delivery Network werden Inhalte, wie z.B. große Bilder, durch ein global verteiltes Server-Netzwerk ausgeliefert. Wenn Ihr Shop z.B. in Hamburg gehostet ist und ein Besucher aus München Ihren Shop besucht, dann werden die Inhalte von einem Server mit Standort München ausgeliefert. Deutliche Geschwindigkeitsvorteile ergeben sich natürlich auch, wenn Sie international tätig sind und User aus dem Ausland auf Ihren Shop zugreifen. Für einen Besucher aus Australien würden die Inhalte dann auch von einem Server aus Australien ausgeliefert. Als CDN können wir Ihnen Cloudflare empfehlen. Cloudflare bietet auch Schutz vor DDoS-Angriffen (Distributed Denial of Service). DDoS-Angriffe durch Botnets und Hacker können nicht nur die Performance und die Verfügbarkeit von Webseiten verschlechtern, sondern teilweise auch komplett lahmlegen. Sollten Sie Hilfe bei der Einrichtung eines Content Delivery Network benötigen, dann kontaktieren Sie uns gerne.
16. Zusammenfassung Shopware PageSpeed Optimierung
Mit den Tipps, die wir Ihnen gegeben haben, können Sie die Ladezeiten Ihres Shopware-Shops schon erheblich verkürzen. Wir können hier natürlich nicht auf jedes Detail eingehen. Falls Sie professionelle Unterstützung brauchen, stehen wir Ihnen gerne zur Verfügung. Unsere SEO-Agentur hat jahrelange Erfahrung in der Optimierung von Shopware-Shops für Suchmaschinen. Wir bieten PageSpeed-Optimierung sowohl für Shopware 5 als auch für Shopware 6 an. Eine schnellere Website verbessert nicht nur das Nutzererlebnis, sondern kann auch Ihr Google-Ranking und Ihren Umsatz steigern. Benötigen Sie professionelle Beratung bei der Optimierung Ihres Shopware Online-Shops oder Ihrer Shoplösung? Dann nehmen Sie mit uns Kontakt auf. Wir freuen uns auf Ihre Anfrage.
Angebot für Shopware PageSpeed Optimierung anfordern:
Sie möchten die Ladezeiten Ihres Shopware-Shops verbessern und dadurch Ihr Google-Ranking und Ihren Umsatz steigern? Warten Sie nicht länger! Als erfahrene SEO-Agentur bieten wir maßgeschneiderte PageSpeed-Optimierungslösungen für Shopware 5 und Shopware 6 an. Nutzen Sie unsere Expertise, um das Beste aus Ihrem Online-Shop herauszuholen. Wir freuen uns darauf, Sie und Ihr Business zum Erfolg zu führen! Kontaktieren Sie uns jetzt für ein unverbindliches Angebot zur Shopware PageSpeed Optimierung!
Ihre unverbindliche 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: