Seitengeschwindigkeit

Nutzen Sie Page Speed, um die Geschwindigkeit und Stabilität Ihres Shopware-Shops zu erhöhen. Durch eine optimierte Shop-Performance bleibt Ihr Shop auch bei hohem Traffic erreichbar. Unsere Erweiterung wird in ihrer Funktionalität durch die Implementierung toller Features erweitert.

HTML-Minimierung

Wenn Ihr Ziel eine schnell ladende Website ist, müssen Sie den HTML-Code Ihrer Website minimieren.Mit der Shopware Page Speed-Konfiguration können Sie die HTML-Minimierung aktivieren.Die Option komprimiert HTML-Inhalte und entfernt unnötige Teile wie Leerzeichen und Kommentare.Wir verwenden mrclay/minify.Dies ist eine Packagist-Bibliothek, die den Code minimiert, aber nicht alles in einer Zeile zusammenfasst.

Kritische CSS-Funktion

Die nächste Möglichkeit zur Verbesserung der Ladezeit im Allgemeinen ist die Optimierung der CSS-Auslieferung. Mit der Shopware Page Speed-Erweiterung können Sie Critical CSS aktivieren, um die schnellstmögliche Zeit bis zum ersten Rendern zu liefern. Dies ist, was Benutzer sehen können, wenn sie die Seite zum ersten Mal laden. Es ist wichtig, die Mindestmenge an CSS zu laden. Indem Sie die Anzahl kritischer Ressourcen minimieren, sorgen Sie dafür, dass der Browser den Inhalt schneller verarbeitet und auf dem Bildschirm anzeigt.

Aktivieren Sie den Defer-Js-Modus

Mit der Shopware Page Speed-Erweiterung können Sie die verzögerte Ausführung des gesamten JS-Codes auf der Seite aktivieren. Es weist den Browser an, nicht auf das Skript zu warten.

Bild-Lazy-Loading-Funktion

Mit der Shopware Page Speed-Erweiterung können Sie das Lazy Loading von Bildern aktivieren. Dadurch wird die Anzahl der Bildbytes reduziert, was zu einer Verbesserung der Seitenleistung und dazu führt, dass Besucher auf Ihrer Website bleiben. Die Option lädt Bilder nur, wenn sie in das Benutzeransichtsfenster gelangen. Mit der Erweiterung können Sie das verzögerte Laden der ersten Bilder überspringen und Bilder angeben, die nicht verzögert geladen werden sollen. Unser Modul fügt Lazy Load nur einem Bild hinzu, für das kein Ladeverhalten festgelegt ist. Wenn der Entwickler eines Moduls oder Themes eine Ladestrategie definiert hat, ändern unsere Module diese nicht.

Bildkonvertierung in WebP

Die Bilder erhöhen das Nutzerengagement, daher wäre es besser, sie in das moderne WebP-Format zu konvertieren. Es bietet eine hervorragende verlustbehaftete Komprimierung für statische oder animierte Bilder im Web. Der Einsatz von WebP-Medien verbraucht weniger Speicherplatz und verhilft zu besseren Ladezeiten bei kaum wahrnehmbaren Unterschieden in der Bildqualität. Mit der Shopware Page Speed-Erweiterung können Sie JPEG und PNG mit PHP in WebP konvertieren. Es unterstützt zahlreiche Methoden. Darüber hinaus wählt es die leistungsfähigsten aus, die im System verfügbar sind.

Optimierung von Bildern mit anderen Dateiformaten

Es gibt verschiedene Bilddateiformate, zum Beispiel SVG und GIF, die nicht in WebP konvertiert werden können. Es kommt vor, dass eine Website ein großes Produktsortiment mit besonders vielen Bilddateien anbietet. Falls Sie auf Ihrer Seite unterschiedliche Bilddateiformate verwenden, können Sie mit dem Shopware Page Speed dennoch die Dateigröße reduzieren. Das Erweiterungspaket verwendet coole Optimierungstools, sofern diese in Ihrem System vorhanden sind.

Hinzufügen von Expires-Headern (experimentell)

Durch das Hinzufügen von Expires-Headern mit der Shopware Page Speed-Erweiterung können Sie die Anzahl der HTTP-Anfragen an den Server reduzieren. Dies wird Ihnen helfen, einen enormen Anstieg der Serverlast zu verhindern. Dies geschieht, wenn Ihr Online-Shop mehr als 40 Dateien pro Seite übertragen muss. Die Option „Expires Headers“ reduziert die Zeit, die der Server benötigt, um eine Verbindung mit dem Browser herzustellen.

Hinzufügen von Breiten- und Höhenattributen zum Tag (experimentell)

Sie kennen vielleicht schon einmal den Fall, dass beim Laden einer Seite beim Lesen ein Banner geladen wird und die Seite nach unten springt. Dadurch wird die visuelle Stabilität beim Laden einer Seite beeinträchtigt. Es gibt eine Cumulative Layout Shift (CLS)-Metrik, die misst, wie stark sich eine Webseite während des Ladens unerwartet verschiebt. Da CLS die Leistung und Benutzererfahrung der Website beeinträchtigt, ist es besser, CLS-Probleme zu vermeiden. Mit der Shopware Page Speed-Erweiterung können Sie Breiten- und Höhengrößenattribute in Ihre Bilder einbinden. Die Option hilft dem Browser, beim Laden des Bildes die richtige Menge an Speicherplatz festzulegen.