JaJuMa Services
Beschreibung
Performance Optimierung & schnellere Ladezeiten für eine bessere User Experience sowie Top SEO-Platzierungen.
Mit WebP, dem Next-Gen Dateiformat für Bilder von Google,
reduzieren Sie die Dateigrößen Ihrer Fotos ohne nennenswerte Qualitätsverluste.
Magento WebP Images der Performance Boost für Ihren Shop!
Das Problem
Performance vs.
User Experience + SEO
Kunden erwarten für Ihre Kaufentscheidung ein möglichst genaues Bild vom Produkt zu bekommen. Was sich selbstverständlich am ehesten und schnellsten durch überzeugende Produktfotos vermitteln lässt - der erste Eindruck zählt!
Emotionen spielen bei der Kaufentscheidung häufig eine zentrale Rolle.
Wie könnte man diese besser wecken als mit einer starken Bildsprache?
Qualitativ hochwertige, ansprechende sowie möglichst viele Bilder sind also ein Muss für jeden Online Shop.
Das Problem dabei:
Viele und hochwertige Bilder führen zu langen Ladezeiten, schlechter Performance und letztlich einer unbefriedigenden User Experience. Zudem ist eine gute Performance ein zunehmend wichtiger SEO & Ranking Faktor.
Zusätzlich verschärft wird das Problem durch die wachsende Internetnutzung mit Mobilgeräten über langsame Mobilfunkverbindungen. Der Download großer Bilddateien dauert für diese Kundengruppe wesentlich länger.
Die Lösung
WebP Next-Gen Optimierte Fotos
Die klassischen Dateiformate .jpg und .png wurden vor Jahrzehnten entwickelt und entsprechen somit hinsichtlich Komprimierung und Dateigrößen dem damaligen Stand der Technick. Mit WebP hat Google ein Next-Generation Dateiformat für Fotos entwickelt, mit wesentlich ausgefeilterem und leistungsfähigerem Komprimierungsalgorithmus, welcher bei gleicher Qualität signifikant reduzierte Dateigrößen ermöglicht.
Mit Magento 2 WebP Optimized Images von JaJuMa haben Sie die Möglichkeit auch Ihren Kunden WebP optimierte Bilder zur Verfügung zu stellen.
Ein Performance Boost für eine bessere User Experience, schneller Ladezeiten und bessere SEO Rankings - ganz ohne zusätzlichen Aufwand. Denn die Konvertierung und Auslieferung der neuen WebP-Dateien erfolgt komplett automatisiert!
Sie haben die Wahl: Kinderleichte Anwendung mit der Standard-Konfiguration oder bei Bedarf volle Kontrolle und Möglichkeit zum Feintuning für eine optimale Balance zwischen Bildqualität und Dateigröße.
Sie haben noch Fragen? Einen Feature-Request?
Oder benötigen individuelle Anpassungen?
Schreiben Sie uns:
Highlights
WebP optimierte Bilder mit der JaJuMa-Develop
"WebP Optimized Images" Extension für Magento 2.
Vollautomatische Performance & SEO Optimierung, flexibel und doch einfach in der Anwendung!
WebP optimierte Next Generation Bilddateien für Ihren Magento Shop
75% und mehr reduzierte Dateigrößen bei gleicher Qualität
Rocket Speed:
Schnellere Ladezeiten durch reduziertes Datenvolumen
SEO Optimierung:
Bessere Rankings dank besserer Performance und schnelleren Ladezeiten
Automatische WebP Konvertierung der vorhandenen .jpg + .png Dateien.
Kompatibel mit allen Browsern
(Automatischer Fallback auf .jpg/.png für Browser ohne WebP-Support)
Unterstützt drei verschiedene WebP Konvertierungstools
(GD, cwebp, Imagick)
Kinderleichte Anwendung im vorkonfigurierten Basis-Modus oder volle Kontrolle im Experten-Modus
Dedizierter WebP Media Cache
Vollständig Lokale / On-Premise Lösung.
Keine zusätzlichen Kosten für oder Abhängigkeit von externen 3rd Party Services
Hilfreiches WebP Conversion Test Tool & WebP Conversion Preview im Backend
Noch nicht genug? Hier sind noch weitere Highlights zur Optimierung Ihres Online Shop mit
"Magento 2 WebP Optimized Images" Extension by JaJuMa:
Option den Native Lazy Loading Tag zu konvertierten WebP Bildern hinzuzufügen
Ermöglicht .webp Bilder als CSS Hintergrund Bilder zu nutzen
Unterstützung für Lazy Loading Scripte
Sie wollen noch mehr?
Sehen Sie sich unsere Ultimate Image Optimizer Extension für Magento 2 an:
Alle Features der "WebP Optimized Images" Extension.
Image Konvertierung/Optimierung per Cron/CLI
&
Image Optimization Status & Statistiken
AVIF Optimized Images
JS Lazy Load &
High-Resolution/Retina Bilder &
Background Image Optimierung &
Mehr...
Details
Magento WebP Optimized Images Extension von JaJuMa im Detail.
Next-Generation Dateiformat für Top-Ladezeiten in Ihrem Online-Shop!
Gönnen Sie Ihren Kunden und Ihrem Magento Shop schnellere Ladezeiten! Nicht nur für Ihre Kunden, Google berücksichtigt Seiten Ladezeiten mittlerweile als offiziellen Ranking-Faktor. Top-Ladezeiten und -Performance sind also ein Muss für jeden Online Shop und gute SEO Rankings.
Bilddateien machen bei Webseiten in der Regel den bei weitem größten Teil der zu übertragenden Daten aus. Entsprechend groß ist das Optimierungspotential durch die Wahl des richtigen Dateiformat und der optimalen Komprimierung um möglichst kleine Dateigrößen zu erreichen. Mit WebP entscheiden Sie sich für ein Next-Generation Dateiformat mit dem Sie die perfekte Balance zwischen Bildqualität und Dateigröße erreichen.
WebP wurde von Google entwickelt und wird auch in "Lighthouse", dem auch intern bei Google verwendeten Analyse-Tool für Website Performance, explizit als Optimierungs-Maßnahme für maximale Geschwindigkeit empfohlen. Nicht nur, aber insbesondere für Besucher mit langsamen 2G/3G bzw. Mobilfunkverbindungen wirkt sich jedes eingesparte Byte spürbar auf die Seitenladezeit aus.
Überzeugen Sie sich von JaJuMa WebP Optimized Images und den Vorteilen von WebP in Form von signifikant kleineren Bilddateien bei gleichzeitig Top-Bildqualität - Sie werden überrascht sein!
Durch die Nutzung von WebP reduziert sich die zu übertragende Datenmenge für diese Webseite von knapp 2,7 MB mit (ebenfalls optimierten/komprimierten) .jpg/.png Dateien im Vergleich zu .webp auf nur noch 1,6 MB - Über eine normale 3G Mobil-Verbindung bedeutet dies eine um ca. 4-5 Sekunden schnellere Seitenladezeit!
Magento Luma Demo Product Images
Original .jpg vs. WebP Optimiert
Was bringt Magento WebP Optimierte Bilder? Wieviel kleiner werden Bilder damit?
Und wie sieht es mit der Qualität im Vergleich zu .jpg / .png aus?
Wir haben es für Sie getestet: Anhand der Produkbilder der Magento Luma Demo Produktdaten.
Insgesamt 725 Fotos, im Original als .jpg Datei, haben wir mit unterschiedlichen Komprimierungsstufen in WebP Dateien konvertiert.
Im Folgenden finden Sie die Ergebnisse im Vergleich bzgl. Dateigröße, Einsparungspotential sowie Bild-Qualität.
Sie werden überrascht sein!
Dateigröße in MB:
Bilder Dateiformat | Dateigröße (MB) |
---|---|
Original .jpg | 71 |
WebP Quality 90 | 59 |
WebP Quality 75 | 26 |
WebP Quality 50 | 17 |
Die insgesamt 725 Demo Produkfotos in unserem Test kommen im Original als .jpg Dateien zusammen auf eine Dateigröße von rund 71 MB.
Bei einer Konvertierung in WebP mit einem Komprimierungfsaktor von "Quality = 90" lässt sich bereits eine Reduktion der Dateigröße auf 59 MB erzielen. Verringert man den Komprimierungsaktor auf "Quality = 75" ergibt sich ein echter Sprung auf nur noch 26 MB!
Schraubt man den Komprimierungsaktor auf "Quality = 50" herunter lassen sich nochmals signifikante Einsparungen bei der Dateigrößen erreichen, mit einem Ergebnis von nur noch 17 MB!
Einsparung in Prozent:
Bilder Dateiformat | Einsparung (%) |
---|---|
Original .jpg | |
WebP Quality 90 | 17 % |
WebP Quality 75 | 64 % |
WebP Quality 50 | 76 % |
Rechnet man die beschriebenen Ergebnisse bzgl. Gesamtdateigröße in prozentuale Redzierungen um, kommt man zu folgendem Ergebnis:
Je nach Komprimierungsstufe lassen sich für jedes einzelne Bild im Durchschnitt rund
- 17 % (bei Quality = 90),
- 64 % (bei Quality = 75) oder sogar
- 76 % (bei Quality = 50)
Reduzierung der Dateigrößen im Vergleich zu den Original .jpg Dateien realisieren.
Ein Komprimierungsfaktor von 75 liefert jedoch in den meisten Fällen ein gutes Ergebnis.
Qualitäts vergleich .jpg vs. WebP:
Überzeugen Sie sich anhand der folgenden Gegenüberstellungen von Original .jpg und mit verschiedenen Komprimierungsstufen optimierten WebP Dateien, dass WebP auch hinsichtlich Bild-Qualität überzegt und keine Kompromisse verlangt.
Bewegen Sie den Slider von links nach rechts um einen direkten Vergleich zwischen Original .jpg (links) und .webp (rechts) in unterschiedlichen Qualitätsstufen zu sehen. Die gezeigten Bilder haben jeweils eine Auflösung von 497 x 700 Pixel:
Wie funktioniert die Extension und
die Konvertierung in WebP Dateien?
Mit der Magento WebP Optimized Images Extension von JaJuMa müssen Sie nicht zusätzlich zu Ihren vorhandenen .jpg oder .png Bildern auch noch Bild-Dateien im .webp Format erstellen und hochladen.
Die Extension konvertiert Ihr vorhandenes Bildmaterial komplett automatisch!
Einfacher geht es nicht: Extension installieren, aktivieren und konfigurieren.
Anschließend werden die .webp Dateien beim Aufruf Ihrer Seite automatisch generiert.
Für die erstellten WebP Dateien nutzt die Extension einen dedizierten WebP Media Cache, d. h. für bereits konvertierte Bilder wird auf die vorhandenen Dateien zurückgegriffen.
Sie möchten die Komprimierungsstärke ändern um kleinere Dateigrößen oder eine bessere Bild-Qualität zu erreichen?
Kein Problem, einfach den WebP Media Cache leeren und schon wird Ihre angepasste Konfiguration angewendet.
Konvertierungs tools
Sie haben die Wahl - JaJuMa WebP Optimized Images unterstützt
3 verschiedene Konvertierungstools:
- GD
- Imagick und
- cwebp
GD und / oder Imagegick sind Systemanforderung für eine korrekt funktionierende Magento-Installation. Mindestens eine der beiden sollte also auf jeder Magento-Installation vorhanden und direkt "out-of-the-box" mit der Extension nutzbar sein.
Zusätzlich enthalten ist die cwebp Binary, das "offizielle" Konvertierungstool von Google. cwebp bietet ggü. den beiden anderen Tools die meisten Optionen zum Feintuning der Konvertierung und liefert erfahrungsgemäß in den meisten Fällen die etwas besseren Ergebnisse. Zudem gilt cwebp als das schnellste der 3 Tools. Für die Nutzung von cwebp sind jedoch ggf. zsätzliche Installationen mit root Rechten sowie die Berechtigung zur Ausführung der Binary erforderlich.
Einfacher Basis Modus oder Advanced Modus
Magento WebP Optimized Images von JaJuMa macht es Ihnen einfach oder lässt Ihnen die volle Kontrolle über die Konvertierungsparameter, ganz wie Sie möchten.
Basis Modus:
Im Basis Modus wählen Sie einfach das gewünschte Konvertierungstool, konfigurieren ggf. den Pfad zur ausführbaren Datei auf Ihrem Server und definieren die Komprimierungsstufe (Wert zwischen 0 - 100). Die Konvertierung erfolgt dann mit vorkonfigurierten Parametern, die in den allermeisten Fällen zu einem guten Ergebnis führen.
Advanced Modus:
cwebp und Imagick bieten eine ganze Reihe an Parametern mit denen sich die Konvertierung steuern lässt. Für erfahrene Anwender besteht so die Möglichkeit die Konvertierung individuell an Ihr Bildmaterial anzupassen. Für ein optimales Ergebnis mit perfekter Balance zwischen Qualität und Dateigröße nach Ihren Anforderungen.
Kompatibel mit allen Browsern
WebP ist ein neuer Standard der derzeit noch nicht von allen Browsern unterstützt wird.
Aber keine Sorge, mit JaJuMa WebP Optimized Images funktioniert Ihr Magento Shop auch weiterhin in allen Browsern ohne Einschränkungen.
Über 80% aller Internetnutzer benutzen einen WebP-fähigen Internet-Browser (Chrome, Opera, Firefox + EDGE sowie deren mobilen Versionen) und profitieren somit von den Vorteilen und den schnelleren Ladezeiten mit WebP.
Aber auch Nutzer mit Browsern ohne WebP-Support haben mit JaJuMa WebP Optimized Images keinerlei Nachteile oder Einschränkungen. Als Fallback wird diesen Nutzern automatisch die "normale" Version Ihrer Bilder in Form von .jpg oder .png Dateien ausgeliefert.
Sehr wahrscheinlich wird die Browser-Abdeckung von WebP zukünftig noch besser werden. Apple experimentiert ebenfalls mit WebP für seinen Safari, den letzten der großen Browser der WebP noch nicht unterstützt.
Mit JaJuMa WebP Optimized Images machen Sie Ihren Magento Shop schon heute fit für das schnellere Internet der Zukunft.
Vollständig Lokale / On-Premise Lösung
Zuverlässigkeit, Verfügbarkeit, Kosten.
Mit JaJuMa WebP Optimized Images sind Sie auf der sicheren Seite und gehen kein Risiko ein.
Mit JaJuMa WebP Optimized Images gehen Sie auf Nummer sicher.
Die Konvertierung erfolgt komplett lokal auf Ihrem Server.
Im Gegensatz zu anderen Lösungen bei denen die Konvertierung durch 3rd Party Services auf Remote Systemen erfolgt behalten Sie die volle Kontrolle. Sowohl über die Bildqualität als auch über die Kosten. Egal wieviele Bilder Sie konvertieren, es entstehen Ihnen keine zusätzliche Kosten.
Testen Sie verschiedene Konvertierungsstufen bis das gewünschte Ergebnis erreicht ist, ohne sich Sorgen um Ihr Budget machen zu müssen.
Ein weiterer Vorteil der Extension als vollständig lokale / On-Premise Lösung ist die Zuverlässigkeit und Verfügbarkeit. Vermeiden Sie das Risiko und die Abhängigkeit von einem zusätzlichen Service Provider.
Manual & FAQ
Einfacher gehts nicht:
- Extension installieren &
- Konvertierungstool auswählen
- Komprimierungsfaktor sowie
- bei Bedarf erweiterte Konvertierungsparameter konfigurieren
...und los gehts!
Fragen über WebP?
Mehr erfahren über die WebP Optimized Images Extension für Magento?
Kein Problem...
Changelog
Version: 1.0.0
- Initial Release
Version: 1.0.1
- Minor Fix für Magento 2.3 Kompatibilität
Version: 1.0.3
- Update Browser .webp support Erkennung
- Fix für Google Chrome Version 71+
- Support für Firefox Version 65+
Version: 2.0.0
- Erweiterter Scope: Alle im Markup aller Seiten gefundenen konvertierbaren Bilder + Bilder in der Fotorama Media Gallery auf Produktdetail-Seiten werden nun konvertiert
- Neu: Dedizierter Media Cache für WebP Bilder
- Neu: Conversion Test Tool & Conversion Preview im Backend
- Neu: Checks um Konflikte zu vermeiden / Vermeiden von Problemen mit einigen Sonderfällen & Customizings
- Neu: Advanced Konfigurationen für Mehr Flexibilität (Blacklist) und zur Kompatibilität mit einigen Custom Funktionen wie (z. B. lazyload)
- Removed: Rewrite of list.phtml to avoid conflicts with some custom themes
- Updated: cwebp binary im Package auf v1.0.2 aktualisiert (vor allem Security bezogene fixes)
Version: 2.0.1
- Neu: Konvertierung von Bildern mit single-quotes double-quotes im src-attribute
- Neu: Input Validierung für custom configs auf Gültigkeit
- Neu: Security Maßnahmen
- Fix: GD konnte manche Bilder nicht konvertieren
- Fix: Kleiner Fix für besseren Lazyload Support
- Fix: Anzeige korrekter Meldung beim leeren des WebP Cache
- Refactored: Anpassungen bzgl. des kommenden Magento Coding Standard
Version: 2.1.0
- Neu: Support für optionales Native Lazy Loading
- Fix: Kleinere Verbesserungen, Optimierungen und Bugfixes
Version: 2.1.1
- No Change / Update Compatibility for EE / ECE
Version: 2.1.2
- Update RequireJS
- Fix minor issue with swatch image and nginx web server
Version: 2.1.3
- Fix issue with Swatches
- Minor Optimizations
Version: 2.1.4
- Fixed: Issue related to Swatches
Version: 2.1.5
- Updated: cwebp conversion tool / binary (v1.2.1)
- Improvement: Handling of updated image files
- Improvement: Coding Standard updates
Version: 2.1.6
- Fix "Cannot instantiate interface" on some site
Version: 2.1.7
- Fixed: Issue string returned when int expected
Version: 2.1.8
- Improved: Better handling for blacklist RegExs
- Fix: Restore accidentally lost commit
Version: 2.1.9
- Fixed: Issue with handling of updated image files
Kompatibilität
Magento 2.0
Magento 2.1
Magento 2.2
Magento 2.3
Magento 2.4