Shopware 6 Performance & Geschwindigkeit

Unsere besten Shopware-Plugins für die Geschwindigkeit

Drei Plugins — und eine Reihenfolge nach Gewicht, nicht nach Sichtbarkeit.

Ein guter PageSpeed-Score ist kein schneller Shop — Lighthouse misst ein Labor, Ihr Kunde erlebt das Gegenteil. Und das größte Gewicht ist fast immer dasselbe: die Bilder.

Das Problem

Kommt Ihnen das bekannt vor?

Ein Score, der etwas anderes misst

95 im Labor, langsam in der Realität. Der Score misst nicht das, was Ihr Kunde erlebt.

Bilder, die die Leitung füllen

Ein einziges nicht optimiertes Bild wiegt mehr als Ihr gesamtes CSS.

Skripte, die falsch platziert sind

Ein Marketing-Skript am Anfang der Seite blockiert das Rendern, auch wenn es spät gebraucht wird.

Das Feintuning vor dem Gewicht

Millisekunden optimieren, während die Megabyte unberührt bleiben.

Die Auswahl

Unsere Auswahl, bewertet

Jedes Modul unten wird von unserem Team entwickelt, gepflegt und supportet. Die Reihenfolge spiegelt wider, was wir in einem Kundenshop zuerst installieren würden.

  1. WebP, AVIF, richtige Dimensionierung, CDN. Ein Produktbild wiegt oft mehr als Ihr gesamtes CSS.

    Native Bildoptimierung für Shopware 6.6 und 6.7. Automatische WebP- und AVIF-Generierung neben jedem Bild, JPEG- und PNG-Neukompression ohne sichtbaren Qualitätsverlust, Entfernung von EXIF/ICC-Metadaten, transparente…

  2. Custom Code Manager — CSS / JS Snippets für Shopware 6

    Kontrolle über Ihre eigenen Skripte

    Jedes Snippet, das Sie hinzugefügt haben, lädt irgendwo. Sehen, welches, und es an den richtigen Ort setzen — nicht überall.

    Speisen und organisieren Sie Ihre CSS- und JavaScript-Snippets direkt in die Shopware-6-Theme-Kompilierung ein. Integrierter Code-Editor, Multi-Channel-Container, Versionshistorie, Vorlagen-Bibliothek, Import/Export, Safe-Mode — ohne eine einzige…

  3. Die PWA cached, was sich nicht ändert, und belohnt den wiederkehrenden Besucher. Nicht den ersten Eindruck — die Wiederkehr.

    Verwandeln Sie Ihre Shopware-Storefront (6.5, 6.6 und 6.7) in eine installierbare PWA (dynamisches Manifest und Service Worker, Offline-Seite, Installations-Banner) und versenden Sie vollständig selbst…

Direkter Vergleich

Ein guter PageSpeed-Score ist kein schneller Shop

Das ist die Falle, in die alle laufen. Lighthouse misst eine Laborseite, auf einer simulierten Verbindung, ohne Ihre Cookies, ohne Ihr Consent-Skript, ohne Ihre Marketing-Tags. Ihr Kunde erlebt das Gegenteil: ein echtes Handy, ein volles Netz, alle Skripte gleichzeitig.

Und das größte Gewicht ist fast immer dasselbe

Bilder. Nicht Ihr Theme, nicht Shopware. Ein einziges nicht optimiertes Produktbild wiegt mehr als Ihr gesamtes CSS. Bevor Sie irgendetwas anderes anfassen, wiegen Sie, was tatsächlich über die Leitung geht.

Die richtige Reihenfolge ist nicht die, die man erwartet

Zuerst die Bilder — das größte Gewicht. Dann die Skripte, die Sie selbst hinzugefügt haben. Erst dann das Feintuning. Wer umgekehrt anfängt, optimiert Millisekunden und ignoriert Megabyte.

Kaufberatung

So wählen Sie aus

Zuerst aufhören, dem Score zu glauben

Ein guter PageSpeed-Score ist kein schneller Shop. Lighthouse misst ein Labor: simulierte Verbindung, ohne Ihre Cookies, ohne Consent-Skript, ohne Tags. Ihr Kunde erlebt das Gegenteil. Messen Sie auf einem echten Gerät, in einem echten Netz — dort, wo verkauft wird.

Dann die Bilder — das größte Gewicht

Ein einziges nicht optimiertes Produktbild wiegt oft mehr als Ihr gesamtes CSS. WebP und AVIF, richtig dimensioniert, mit CDN: hier liegt der größte Gewinn, und er kostet nichts an Qualität.

Dann, was Sie selbst hinzugefügt haben

Jedes Marketing-Skript, jedes Snippet lädt irgendwo — oft am falschen Ort, wo es das Rendern blockiert. Kontrollieren, wo und wann sie feuern, wirkt oft stärker als jede Theme-Optimierung.

Und die PWA belohnt den, der bleibt

Sie beschleunigt nicht den ersten Besuch, sondern die zweite Seite: der Cache macht die Wiederkehr fast sofort. Zuletzt in der Reihenfolge, weil der erste Eindruck über die Bilder entschieden wird.

Ihr Gewinn

Bilder, die nicht mehr die Leitung füllen

WebP und AVIF, richtig dimensioniert, mit CDN. Das größte Gewicht zuerst — nicht das sichtbarste.

Kontrolle über das, was Sie selbst hinzugefügt haben

Jedes Skript, das Sie hinzugefügt haben, lädt irgendwo. Sehen, welches — und wann es feuert.

Skripte am richtigen Ort, nicht überall

Ein Snippet am Ende der Seite blockiert nicht das Rendern am Anfang. Der Ort zählt.

Die zweite Seite, sofort

Die PWA verwandelt die zweite Seite in eine sofortige. Der Cache arbeitet für den wiederkehrenden Besucher.

Die richtige Kennzahl

Nicht der Lighthouse-Score. Die Zeit bis zur ersten sichtbaren Ware ist die Zahl, die verkauft.

Die richtige Reihenfolge

Sie wiegen, bevor Sie optimieren. Megabyte zuerst, Millisekunden danach.

Umsetzung

Von der Installation zum Ergebnis

  1. Hören Sie auf, dem Score zu glauben

    Lighthouse misst ein Labor. Messen Sie auf einem echten Gerät, in einem echten Netz.

  2. Wiegen Sie zuerst die Bilder

    Ein Produktbild wiegt oft mehr als Ihr gesamtes CSS.

  3. Optimieren Sie das größte Gewicht

    WebP, AVIF, CDN. Gleiche Qualität, ein Bruchteil des Gewichts.

  4. Kontrollieren Sie Ihre eigenen Skripte

    Ein Snippet am Anfang blockiert das Rendern. Der Ort zählt.

  5. Messen Sie die richtige Zahl

    Nicht der Score. Die Zeit bis zur ersten sichtbaren Ware.

“Wir waren stolz auf unsere 92 bei PageSpeed. Dann haben wir auf einem echten Handy im Zug getestet: acht Sekunden bis zum ersten Bild. Das Problem waren nie die Skripte — es waren vier Megabyte Produktfotos pro Seite.”

Kundenstimme — Shopware-Shop, Mode

Häufige Fragen

Ich habe 95 bei PageSpeed, warum ist mein Shop trotzdem langsam?

Weil Lighthouse eine Laborseite misst: simulierte Verbindung, ohne Ihre Cookies, ohne Consent-Skript, ohne Marketing-Tags. Ihr Kunde erlebt das Gegenteil — echtes Handy, volles Netz, alle Skripte zusammen. Ein guter Score ist eine gute Nachricht über ein Labor, nicht über Ihren Shop.

Was verlangsamt einen Shopware-Shop am meisten?

Fast immer die Bilder. Ein einziges nicht optimiertes Produktbild wiegt oft mehr als Ihr gesamtes CSS. Bevor Sie an Skripten oder Theme feilen, wiegen Sie, was über die Leitung geht — und Sie werden sehen, wo die Megabyte sind.

Verliere ich Qualität mit WebP oder AVIF?

Nein. WebP und AVIF sind neuere Formate: gleiche Qualität, ein Bruchteil des Gewichts. Ein Fallback kümmert sich um sehr alte Browser. Der Gewinn ist real und kostet Sie nichts an Bildqualität.

Warum ist die Platzierung der Skripte wichtig?

Weil ein Skript, das am Anfang der Seite feuert, das Rendern blockiert — auch wenn es erst am Ende gebraucht wird. Den Ort und den Zeitpunkt der Snippets zu kontrollieren ist oft wirkungsvoller als das Skript selbst zu kürzen.

Wozu eine PWA für die Geschwindigkeit?

Für den wiederkehrenden Besucher. Die PWA cached, was sich nicht ändert, und macht die zweite Seite fast sofort. Sie beschleunigt nicht den ersten Besuch — sie belohnt den, der bleibt und weiterklickt.

Welche Kennzahl soll ich verfolgen?

Die Zeit bis zur ersten sichtbaren Ware, nicht der Lighthouse-Score. Der Kunde wartet nicht auf ein vollständiges Laden — er wartet, bis er sein Produkt sieht. Messen Sie das, auf einem echten Gerät, in einem echten Netz.

Womit fange ich an?

Mit den Bildern, weil sie das größte Gewicht sind. Dann die Skripte, die Sie hinzugefügt haben. Die PWA zuletzt — sie verbessert die Wiederkehr, nicht den ersten Eindruck. Reihenfolge nach Gewicht, nicht nach Sichtbarkeit.

Dieser Bedarf auf anderen Plattformen

Unsicher, welches zu Ihrem Shop passt?

Schildern Sie uns Ihre Situation — wir antworten mit einer klaren Empfehlung, nicht mit einem Verkaufsgespräch.