Wir freuen uns Ihnen mitteilen zu können, dass wir gerade die Beta-Version unserer neuesten Erweiterung für Joomla veröffentlicht haben: DJ-WebP - Img in WebP Gratis Joomla Plugin.

Die Bereitstellung der Website-Bilder im neuen Format (WebP) ist einer der wesentlichen Faktoren, die zu einem höheren Ranking der Websites beitragen können. Aus diesem Grund haben wir bei der Optimierung von Websites für einen unserer Kunden ein Plugin erstellt, mit dessen Hilfe die Formate .jpg und .png in .webp konvertiert werden können.

Wir dachten, es wäre gut, es mit unseren Benutzern zu teilen, um Feedback zu dem Plugin zu sammeln und Ihre Ideen zur Weiterentwicklung zu erhalten.

Laut Wikipedia:

WebP ist ein Bildformat, das sowohl verlustbehaftete als auch verlustfreie Komprimierung verwendet. Es wird derzeit von Google entwickelt und basiert auf der Technologie, die mit dem Kauf von On2 Technologies erworben wurde.

Wie benutze ich DJ-WebP?

Gut zu wissen: DJ-WebP funktioniert mit jedem Ordner auf Ihrem Server. Es ist also nicht mit einer bestimmten Erweiterung verbunden.

1. Laden Sie zunächst ↓ DJ-WebP herunter
2. Installieren Sie das Plugin mittels Joomla Installer
3. Nach der Installation: Gehen Sie zu den Erweiterungen -> Plugins und dort das soeben installierte Joomla WebP Plugin
4. Fügen Sie den Pfad zu Ihren Bildern hinzu und speichern Sie die Einstellung. Vergessen Sie nicht, das Plugin zu aktivieren

Joomla WebP Plugin

Wie Sie im obigen Screenshot sehen können, können Sie mehrere Speicherorte hinzufügen, die vom Plugin verarbeitet werden sollen, um die Bilder zu generieren und durch das .webp-Format zu ersetzen.

Denken Sie daran, das Format der zu verarbeitenden Bilder auszuwählen, die Qualität und die gespeicherte Zeit festzulegen (wie oft die Bilder erneut regeneriert werden - eine Art der Caching-Funktion). Sie können selbstverständlich Verzeichnisse ausschliessen, um die diese Ordnerinhalte nicht zu verarbeiten. Klicken Sie auf "Speichern", um die Einstellungen zu speichern.

So löschen Sie die .webp-Dateien, um den unmittelbaren Unterschied in den Bildern festzustellen

Sobald Sie sich als Administrator im Frontend Ihrer Website angemeldet haben, können Sie alle Bilder löschen, indem Sie auf die URL zugreifen:

[yourwebsiteurl]/?webp_purge=true

Das Beispielszenario wäre zutreffend, wenn Sie die Qualität der .webp-Bilder anpassen und die sofortige Änderung sehen möchten. Standardmäßig erstellt das System die .webp-Images alle X Stunden neu (abhängig davon, wie Sie sie in den Plugin-Einstellungen festgelegt haben):

Wenn Sie also einige Einstellungen ändern möchten (z. B. die Qualität), müssen Sie normalerweise warten, bis die eingestellten Stunden verstrichen sind. Aber wenn Sie als Super Administrator angemeldet sind und den Link benutzen:

[yourwebsiteurl]/?webp_purge=true

werden alle Bilder neu erstellt und Sie können die Änderung sofort sehen.

Schauen wir uns die Ergebnisse an

Wir haben eines unserer Templates auf den Google PageSpeed ​​Insights getestet und hier ist das Ergebnis:

Wie Sie sehen können, können Bilder im Next-Get-Format wie .webp Ihre Platzierungen in Google PageSpeed ​​Insights erheblich verbessern. Sehen Sie sich unsere Demo Joomla Vorlage an. Der im Plugin eingestellte Ordner ist:

components/com_djclassifieds/images

Und jetzt werden alle DJ-Classifieds-Bilder als .webp geliefert

Wie funktioniert es?

Im Hintergrund des Plugins bereiten wir nur Regeln vor. Die gesamte Logik basiert auf Regex, die Regeln beim Rendern von Ereignissen durch .webp ersetzt.

Gut zu wissen: Nicht alle Browser und Server unterstützen das .webp-Format. In einem solchen Fall zeigt die Website statt eines optimierten .webp-Formats die ursprüngliche .png- oder .jpg-Datei an.

 

Funktioniert das DesignJoomla Plugin mit meinem Server?

Sie können überprüfen, ob Ihr Server das .webp-Format unterstützt.

Laden Sie diese Datei auf Ihren Server hoch, um festzustellen, ob WebP von Ihrem Server unterstützt wird.

1. Laden Sie die Datei auf Ihren Server im Stammverzeichnis Ihrer Website hoch
2. Rufen Sie die URL auf: [yourwebsiteaddress] /gd_info.php

Überprüfen Sie nun die Ausgabe der Datei. Es sollte heißen: [WebP Support] => 1

Wenden Sie sich andernfalls an Ihren Serveradministrator, um diese Option zu aktivieren.

Hier können Sie sehen, wie es aussehen soll - gd_info.php auf der DJ-Classifieds Demo Site

Warten Sie nicht lange. Testen Sie unser Plugin!

Wichtig: Es handelt sich um eine Beta-Version, die wir jedoch auf unseren Webseiten wie z.B. www.design-joomla.de installiert haben. Installation und Betrieb des Plugins erfolgt auf eigene Gefahr!

 

Joomla Agentur Berlin

Suchen Sie nach einer professionellen Joomla Agentur? Wir programmieren seit über 10 Jahren Joomla Komponenten, Module, Plugins und natürlich auch moderne Joomla Templates. Gerne erstellen wir für Sie ein kostengünstiges Angebot für die Wartung Ihrer Joomla Webseite. Kontaktieren Sie uns.