Geschwindigkeitsoptimierer

Über die Erweiterung

Speed Optimizer — Das All-in-One-Performance-Plugin für Shopware 6

Geschwindigkeit ist kein optionales Feature – sie ist ein direkter Umsatztreiber. Jede Sekunde Ladezeit kostet Sie potenzielle Kunden. Der ICTECH Speed Optimizer ist ein umfassendes, entwicklerfreundliches Performance-Plugin für Shopware 6, das die Core Web Vitals Ihres Shops verbessert, die Seitenladezeiten reduziert und ein schnelleres Einkaufserlebnis bietet – ganz ohne Anpassungen am Theme-Code.

Alle Funktionen sind standardmäßig deaktiviert, sodass eine Neuinstallation das Storefront-Verhalten erst dann verändert, wenn Sie eine Funktion gezielt aktivieren.

Datei-Optimierung

CSS-Dateien minimieren Entfernt Leerzeichen und Kommentare aus allen CSS-Dateien, die an den Browser ausgeliefert werden, und reduziert so deren Dateigröße und Ladezeit. Einzelne Dateien oder URL-Muster können über Wildcard-Regeln ausgeschlossen werden.

CSS-Auslieferung optimieren Lädt Stylesheets asynchron, um render-blockierendes CSS zu eliminieren – der Browser kann die Seite rendern, ohne auf das vollständige Laden der Stylesheets zu warten. Empfohlen in Kombination mit dem Critical-CSS-Feature für Above-the-Fold-Inhalte.

JavaScript-Dateien minimieren Entfernt Leerzeichen und Kommentare aus JavaScript-Dateien, um deren Übertragungsgröße zu verringern. Bestimmte Dateien oder URL-Muster können von der Minimierung ausgeschlossen werden.

JavaScript-Dateien zusammenführen Fasst mehrere JavaScript-Dateien vom gleichen Ursprung zu einer einzigen HTTP-Anfrage zusammen und reduziert so die Anzahl der Roundtrips. Hinweis: Bei Stores mit HTTP/2 nicht empfohlen, da parallele Anfragen dort effizient sind.

JavaScript verzögert laden Fügt Script-Tags das defer-Attribut hinzu, sodass JavaScript das Rendern der Seite nicht blockiert. Checkout- und Login-Seiten werden automatisch von dieser Optimierung ausgenommen, um stabile Zahlungsprozesse zu gewährleisten.

JavaScript-Ausführung verzögern Hält die Ausführung von JavaScript zurück, bis der Nutzer erstmals mit der Seite interagiert (Scrollen, Klicken oder Tastendruck). Dies verbessert initial Lademetriken wie Time to Interactive (TTI) erheblich. Erfolgt innerhalb von 5 Sekunden keine Interaktion, werden die Skripte automatisch gestartet. Einzelne Skripte können per Muster ausgeschlossen werden.

HTML minimieren Entfernt überflüssige Leerzeichen aus HTML-Antworten, um die Übertragungsgröße zu reduzieren. Bei Aktivierung werden alle Seiten im Hintergrund vorab minimiert – nach Abschluss erhalten Sie eine Benachrichtigung im Admin.

Medien-Optimierung

Bilder lazy laden Verzögert das Laden von nicht sichtbaren Bildern, bis sie sich dem sichtbaren Viewport nähern. Dies reduziert die beim initialen Seitenaufruf übertragenen Daten und verbessert den Largest Contentful Paint (LCP)-Wert.

iFrames und Videos lazy laden Wendet natives Lazy Loading auf iFrames und eingebettete Video-Player (z. B. YouTube, Vimeo) an, sodass diese erst geladen werden, wenn der Nutzer in ihre Nähe scrollt.

Ausgeschlossene Medien Klassennamen, Dateinamen oder URL-Fragmente können pro Eintrag vom Lazy Loading ausgeschlossen werden.

Fehlende Bildabmessungen ergänzen Fügt automatisch width- und height-Attribute bei lokalen Bildern ein, bei denen diese fehlen. Dies verhindert Layout-Verschiebungen beim Seitenaufbau und verbessert direkt den Cumulative Layout Shift (CLS) – ein wichtiges Google-Ranking-Signal.

Schriftarten-Optimierung

Kritische Schriftarten vorladen Fügt -Hinweise für erkannte Schriftdateien in die Seite ein, damit der Browser sie frühzeitig im Ladeprozess abruft – noch bevor sie tatsächlich benötigt werden. Reduziert den Flash of Invisible Text (FOIT).

Google Fonts selbst hosten Beim ersten Aufruf lädt das Plugin das Google-Fonts-CSS sowie alle Schriftdateien direkt auf Ihren Server herunter und liefert sie bei allen folgenden Anfragen lokal aus. Dies eliminiert den externen DNS-Lookup und die Verbindung zu Googles Servern – gut für Datenschutz und Ladegeschwindigkeit gleichermaßen.

Vorausladen (Preloading)

Vorausladen aktivieren Aktiviert den Hintergrund-Cache-Warmup durch das Crawlen Ihrer Sitemap und die Erkennung interner Links. Seiten werden proaktiv abgerufen und gecacht, sodass sie bereitstehen, bevor ein Besucher sie anfordert.

Links beim Hover vorladen Verwendet , um die nächste Seite im Hintergrund zu laden, wenn ein Besucher 100 Millisekunden lang über einem Link verweilt. Beim Klick lädt die Seite nahezu sofort aus dem Prefetch-Cache.

URLs vom Vorausladen ausschließen Bestimmte URL-Pfade oder Fragmente können pro Eintrag vom Vorausladen ausgeschlossen werden.

Erweiterte Cache-Regeln

URLs vom Cache ausschließen Definieren Sie URL-Pfade oder Wildcard-Muster, die den Cache grundsätzlich umgehen sollen. Checkout-, Warenkorb-, Login- und Konto-Seiten werden automatisch immer ausgeschlossen.

Seiten mit Querystrings cachen Standardmäßig umgehen Seiten mit URL-Parametern (z. B. ?search=schuhe) den Cache. Aktivieren Sie diese Option, um auch solche Seiten zu cachen.

Cookie-basierter Cache-Ausschluss Geben Sie Cookie-Namen an, bei deren Vorhandensein im Request der Cache umgangen wird – nützlich für Personalisierungs-Cookies oder A/B-Testing-Tools.

Kritisches CSS (Above the Fold) Fügen Sie CSS-Regeln direkt im Admin ein. Dieses CSS wird in den

CDN-URL Schreibt alle Theme- und Bundle-Asset-URLs auf ein CDN Ihrer Wahl um. Leer lassen, um die Funktion zu deaktivieren. Für Proxy-basierte Dienste wie Cloudflare oder Sucuri nicht erforderlich.

CDN-Caching-Header aktivieren Setzt Cache-Control- und Vary-HTTP-Header auf Gastseiten, sodass jedes CDN (CloudFront, Cloudflare, Fastly usw.) Ihre Storefront-Seiten cachen kann. Gilt nur für Seiten ohne Cookies, Authentifizierung oder Querystrings.

CDN-Cache-TTL Legen Sie fest, wie lange Ihr CDN Gastseiten cachen soll. Der Standardwert beträgt 86.400 Sekunden (24 Stunden).

Cloudflare-Integration

Verbinden Sie Ihren Cloudflare-Account direkt über das Shopware-Admin-Panel. Nach der Konfiguration mit Ihrer Cloudflare-E-Mail-Adresse, Ihrem Global API Key und Ihrer Domain ermittelt das Plugin automatisch Ihre Cloudflare-Zone-ID. Mit einem einzigen Klick leeren Sie den gesamten CDN-Cache oder gezielt einzelne URLs – ganz ohne Login im Cloudflare-Dashboard.

Warum ICTECH Speed Optimizer?

• Sicherer Standard — alle Funktionen sind deaktiviert; aktivieren Sie nur, was Sie brauchen
• Keine Theme-Anpassungen nötig — arbeitet auf HTTP-Response-Ebene
• Granulare Ausschlussregeln — jede Funktion mit Wildcard-Mustern feinjustierbar
• Fokus auf Core Web Vitals — zielt direkt auf LCP-, CLS- und TTI-Metriken
• Cloudflare-ready — native Cache-Purge-Integration
• Gebaut für Shopware 6 — tief integriert in Shopwares Konfigurations- und Event-System