Wenn Sie Ihren Prestashop-Shop mit Tools wie Pagespeed Insight von Google oder GTMetrix getestet haben, haben Sie vielleicht die Empfehlung "Bilder effizient kodieren" oder "Bilder in Next-Generation-Formaten verbreiten" erhalten. Dann ist dieser Artikel genau das Richtige für Sie. Ich erkläre Ihnen, wie Sie das richtige Prestashop-Modul auswählen, um Ihre Bilder im WEBP-Format zu komprimieren.

Warum Bilder optimieren?

Das ist wahrscheinlich die erste Frage, die man sich stellt! Durch die Optimierung eines Bildes wird dessen Größe und Gewicht reduziert, wodurch die Seite schneller geladen werden kann. Das WEBP-Format ermöglicht es, die PNG- und JPG-Dateien Ihrer Webseiten zu optimieren und die Größe um durchschnittlich 30 % zu reduzieren, was vor allem auf Mobiltelefonen mit langsameren Internetverbindungen wichtig ist. Sie gewinnen dadurch zwar nicht unbedingt an Suchmaschinenoptimierung (SEO), aber da die Seiten schneller geladen werden, sind Ihre Kunden eher bereit, Online-Einkäufe zu tätigen!

Komprimiert das Modul alle Bilder?

Einige Module komprimieren nur die Bilder von Produkten, Kategorien, Marken und Anbietern. Die Bilder des Themas oder der Module profitieren nicht von der WEBP-Optimierung. Achten Sie bei der Auswahl des Prestashop-Moduls WEBP auf diesen Punkt.

Muss eine bestimmte PHP-Erweiterung installiert werden?

Überprüfen Sie, wie das Modul Bilder komprimiert. Es benötigt einen der folgenden Kompressoren:

Cwebp-Binaries: Dies ist ein von Google bereitgestelltes Programm, das von einigen Modulen installiert wird, aber nicht immer mit den Servern kompatibel ist (verweigerte Berechtigungen oder inkompatible Prozessoren)
Vips PHP extension: Dies ist eine PHP-Erweiterung, die nicht oft auf Standard-Hosting-Systemen vorhanden ist
Imagick PHP extension: ist eine PHP-Erweiterung, die nicht oft auf Standard-Hosting-Systemen vorhanden ist
Gmagick PHP extension: ist eine PHP-Erweiterung, die nicht oft auf Standard-Hosting-Systemen vorhanden ist
Gd PHP extension: ist eine PHP-Erweiterung, die oft auf Hosting-Systemen vorhanden ist, aber nicht immer mit der WEBP-Option kompiliert ist

Einige Module verwenden einen externen Dienst zur Optimierung von Bildern wie ewwww.io.

Aus Erfahrung ist der effektivste WEBP-Kompressor die GD-Erweiterung. Googles Binary ist oft viel langsamer (x10) als GD.

Was passiert, wenn der Browser (z. B. Safari) das WEBP-Format nicht liest?

Stellen Sie sicher, dass das Modul das Originalbild (unkomprimiert) zurückgibt, wenn der Browser das WEBP-Format nicht lesen kann. Der Safari-Browser (iPhones/Apple) unterstützt das WEBP-Format erst ab Version 16! Dafür gibt es eine sehr einfache Möglichkeit: Alle Browser teilen dem Server mit dem Header "Accept" mit, welches Format er lesen kann. Wenn "image/webp" dort nicht steht, müssen Sie das Bild unkomprimiert zurückschicken.

Überprüfen Sie auch, ob das Modul die URLs der Bilder ändert oder nicht (indem es die Endung .JPG in .WEBP ändert, zum Beispiel). Wenn es die URLs nicht ändert (am besten bei HTML-Cache-Modulen), muss es die Möglichkeit dazu bieten, da einige CDNs (Proxys) wie Cloudflare den 'Vary: Accept'-Header nicht verarbeiten.

Wie werden alte und neue Bilder komprimiert?

Es gibt zwei Strategien:

  1. das Modul komprimiert die Bilder jedes Mal, wenn Sie neue Bilder über das Backoffice hinzufügen. In diesem Fall wird es sehr lange brauchen, um die Bilder zu komprimieren, die bereits im Shop vorhanden sind.
  2. das Modul komprimiert Bilder im WEBP-Format, wenn sie zum ersten Mal angezeigt werden. In diesem Fall ist keine große Bearbeitung erforderlich, die Bilder werden nur komprimiert, wenn sie verwendet werden und wenn sie zum allerersten Mal in einem Browser angezeigt werden

Kann man die Qualität der Bilder auswählen?

Da das WEBP-Format "lossy" ist, d. h. mit Datenverlust, wird die Qualität der Bilder beeinträchtigt, aber Sie können die Komprimierungsrate so einstellen, dass dieser Qualitätsverlust mit bloßem Auge nicht sichtbar ist. Überprüfen Sie, ob das WEBP-Modul die Auswahl dieser Komprimierungsrate erlaubt, damit Sie die geforderte Qualität selbst festlegen können.

Schlussfolgerung

Sie wissen nun, welche Fragen Sie sich bei der Auswahl Ihres Prestashop-Moduls für die WEBP-Komprimierung stellen müssen.

Sie sollten wissen, dass unser Modul Speed Pack (Page Cache Ultimate + Lazy Loading + WEBP) die WEBP-Komprimierung anbietet