PageSpeed optimieren
Beschreibung
Highlights
Über die Erweiterung
PageSpeed optimieren - Schnellere Ladezeiten für deinen Shopware-Shop
Die Erweiterung „PageSpeed optimieren“ bündelt die wirkungsvollsten Frontend-Optimierungen. Sie wandelt deine JPG- und PNG-Bilder in WebP um, ergänzt Lazy Loading mit Above-the-fold-Erkennung, lädt Stylesheets und Google Fonts verzögert, lädt wichtige Schriften vor, minimiert das HTML und richtet auf Apache-Servern Komprimierung und Browser-Caching ein.
Dein Shop überträgt pro Seitenaufruf weniger Daten und zeigt Inhalte schneller an. Das schafft eine bessere Grundlage für deine Werte in Google PageSpeed Insights und Lighthouse, für Core Web Vitals wie den Largest Contentful Paint (LCP) und für dein SEO-Ranking. Jede Optimierung lässt sich einzeln ein- und ausschalten.
WebP-Bilder für JPG und PNG
WebP ist ein modernes Bildformat mit spürbar kleineren Dateien bei vergleichbarer Bildqualität. Die Erweiterung erstellt von jedem JPG und PNG in deiner Medienverwaltung eine WebP-Version, inklusive aller Thumbnails. Die WebP-Dateien werden automatisch überall ausgeliefert, wo die Storefront das Standard-Bild-Template von Shopware nutzt, zum Beispiel bei Produktbildern, Listings und Erlebniswelten.
- Getrennte Qualitätseinstellungen für Bilder (Standard 80) und Thumbnails (Standard 60)
- JPG- und PNG-Konvertierung separat aktivierbar; die Transparenz von PNG-Dateien bleibt erhalten
- Deine Originaldateien bleiben unverändert: Die WebP-Dateien liegen direkt daneben und lassen sich jederzeit mit einem Klick löschen
- Solange keine WebP-Datei existiert, wird das Originalbild ausgeliefert, so gibt es während der Konvertierung keine defekten Bilder
- Optionaler Fallback: Browser ohne WebP-Unterstützung erhalten das originale JPG oder PNG
- Basis-URL für WebP-Dateien global oder je Verkaufskanal einstellbar
- Der Debug-Modus zeigt an jedem Bild den WebP-Pfad, nach dem die Erweiterung sucht
Gemacht für große Medienbibliotheken
Die Konvertierung läuft in Stapeln und passt sich deinem Server an. Bevor PHP das Memory Limit oder die maximale Ausführungszeit erreicht, stoppt der Stapel, und der nächste Durchlauf macht genau dort weiter.
- Bilder werden beim ersten Öffnen der WebP-Seite automatisch indexiert
- Anzahl der Bilder pro Stapel einstellbar (Standard: 100)
- Optionale geplante Aufgabe: konvertiert alle 5 Minuten ausstehende Bilder und prüft, sobald alle erledigt sind, auf neue oder geänderte Dateien
- Neue und geänderte Bilder werden anhand ihres Änderungsdatums erkannt und erneut eingeplant
- Problembilder, etwa extrem große Dateien, lassen sich überspringen; Quelldateien über 200 MB werden als Fehler protokolliert, statt die Warteschlange zu blockieren
- Fehlerprotokoll mit Datei, Meldung und Datum, dazu „Fehler wiederholen“
- Die Bereinigung entfernt Indexeinträge und WebP-Dateien, deren Quellbild nicht mehr existiert
WebP-Übersicht in der Administration
Unter Inhalte > WebP siehst du den Status jedes Bildes auf einen Blick:
- Konvertierte, ausstehende und fehlerhafte Bilder mit Fortschrittsbalken, getrennt nach Medien und Thumbnails
- Eingesparte Bandbreite gesamt und pro Datei: Originalgröße, WebP-Größe und Reduktion in Prozent
- Suche nach Pfad und Filter nach Status
- Vorher-nachher-Schieberegler zum Vergleich von Original und WebP-Version
- Einzelne Bilder konvertieren oder neu konvertieren; beim Neukonvertieren eines Bildes werden auch seine Thumbnails aktualisiert
- Geschätzte Restdauer für manuelle und geplante Konvertierung
- Status der geplanten Aufgabe mit aktueller Phase, letztem Durchlauf und Laufzeit
- Wartungsaktionen: neu indexieren, Updates prüfen, Fehler wiederholen und bereinigen
CLI-Befehle
Konvertiere große Medienbibliotheken ohne Browser, zum Beispiel per SSH oder in Deployment-Skripten:
- bin/console weedesign:pagespeed:index – indexiert alle Bilder
- bin/console weedesign:pagespeed:generate – konvertiert alle ausstehenden Bilder (--batch=N legt die Stapelgröße fest, Standard 500)
- bin/console weedesign:pagespeed:check – findet neue und geänderte Bilder
- bin/console weedesign:pagespeed:status – zeigt Summen, ausstehende Bilder, Fehler und die Aufteilung in Medien und Thumbnails
- bin/console weedesign:pagespeed:cleanup – entfernt verwaiste Einträge und WebP-Dateien (--dry-run zeigt eine Vorschau)
Lazy Loading und Above-the-fold-Erkennung
- Natives Lazy Loading (loading="lazy") für Bilder, iFrames und Videos
- Bilder im ersten sichtbaren Bereich werden erkannt und auf sofortiges Laden umgestellt, damit dein Largest-Contentful-Paint-Bild nicht per Lazy Loading geladen wird
- Zoom-, Lupen- und Slider-Bilder sind vom Lazy Loading ausgenommen, damit Produktgalerien wie gewohnt funktionieren
- Optionale Korrektur für Galeriebilder, die zu klein angezeigt werden
Responsive Bilder in der richtigen Größe
Die Erweiterung berechnet optimierte srcset- und sizes-Attribute aus den Breakpoints deines Themes (inklusive XXL) und der Spaltenanzahl. Bei Bildern mit fester Anzeigebreite werden Thumbnails, die deutlich größer als nötig sind, weggelassen, damit der Browser keine überdimensionierte Datei lädt.
Stylesheets und Schriften
- Verzögerte Stylesheets: nicht-kritische Stylesheets laden erst, nachdem die Seite geladen ist
- Lazy Google Fonts: Google Fonts laden bei der ersten Nutzerinteraktion (Scrollen, Mausbewegung, Tastendruck oder Berührung)
- Dateien vorladen: wichtige Schriften werden mit dem korrekten Schrifttyp vorgeladen (WOFF2, WOFF, TTF, OTF, EOT)
- „CSS nach Dateien durchsuchen“ findet die in deinen Storefront-Stylesheets genutzten WOFF2-Schriften automatisch
- Preload-Listen lassen sich je Verkaufskanal pflegen
HTML-Minimierung
Entfernt überflüssige Leerzeichen, Zeilenumbrüche und HTML-Kommentare aus dem Seitenquelltext. Überflüssige type-Attribute (text/javascript, text/css) werden ebenfalls entfernt. Der Inhalt von script-, style-, pre- und textarea-Elementen bleibt unverändert, Conditional Comments bleiben erhalten.
Komprimierung und Browser-Caching per .htaccess (Apache)
Schalte jede Server-Optimierung einzeln ein oder aus:
- Gzip-Komprimierung
- Deflate-Komprimierung für HTML, CSS, JavaScript, JSON, XML, SVG, Schriften und mehr
- Keep-Alive für dauerhafte Verbindungen
- Expires-Header, z. B. 1 Jahr für JPG-, PNG- und GIF-Bilder und 1 Monat für CSS und JavaScript
- Cache-Control-Header
Die Regeln werden in einen klar markierten Abschnitt deiner public/.htaccess geschrieben. Die Erweiterung behält eine Kopie der Originaldatei und legt vor jeder Änderung ein Backup an. Außerdem prüft sie deinen Webserver: Ist es kein Apache, werden die .htaccess-Optionen ausgeblendet und ein Hinweis angezeigt.
Details
- Verfügbar in: Englisch, Deutsch
- Zuletzt aktualisiert: 4. November 2026
- Veröffentlicht: 23. März 2022
- Version: 6.0.8
- Kategorie: SEO Optimierung
Ressourcen
Bewertungen (23)
Funktioniert super
Seite lädt schneller
Super Plugin
Falls hier noch weitere Features hinzugefügt werden wäre das natürlich noch sehr wünschenswert, aber wir sind auch so schon sehr zufrieden :)
Über den Extension Partner
weedesign
Partner Status
-
Shopware
Extension Partner
Details
- Ø-Bewertung: 4.9
- Partner seit: 2019
- Erweiterungen: 71
Support
- Land: Germany
- Spricht: Deutsch, Englisch
- Reaktionszeit: Sehr schnell