Warum lohnt es sich, WebP für MODx zu verwenden?
Die Verwendung von Webp löst das Problem "Bilder in Formaten der nächsten Generation bereitstellen" in Google Pagespeed Insights.
Kurz gesagt, WebP komprimiert die Datei unter sonst gleichen Bedingungen besser als ältere Formate (png und jpeg) - was bedeutet, dass es weniger Platz auf dem Hosting benötigt und beim Anzeigen der Seite im Browser schneller geladen wird.
p>
Die Implementierung von WebP wird von Google aktiv gefördert - sie liefern solche Statistiken:
- WebP komprimiert Bilder verlustfrei um 26 % besser als PNG.
- WebP komprimiert verlustbehaftete Bilder um 25-34% besser als JPEG bei gleichem strukturellen Ähnlichkeitsindex (SSIM)
- WebP unterstützt verlustfreie Transparenz (bekannt als Alpha) mit einer Größenzunahme von nur 22 %.
Wenn der Browser des Besuchers WebP nicht unterstützt, gibt das CDN das alte Format (png / jpeg) zurück, aber komprimiert (optimiert für das Web)
Was ist Bildkomprimierung
Bildoptimierung ist die spezielle Verarbeitung einer Grafikdatei, um ihre Größe ohne Verlust der visuellen Qualität zu minimieren.
Um dieses Verfahren durchzuführen, gibt es eine große Anzahl ziemlich komplexer Algorithmen. Sie basieren jedoch alle auf der gleichen Grundlage - alle dortigen Servicedaten (z. glätten Sie ähnliche Farben.
Als Ergebnis erhalten wir das gleiche Bild, das sich optisch nicht verändert hat. Das Volumen (Gewicht) dieser Datei in Bytes ist jedoch viel geringer als das Original. Wenn diese Verarbeitung korrekt durchgeführt wird, kann die Bilddatei auf 98% reduziert werden, ohne dass die Bildqualität verloren geht.
Das bedeutet, dass die Bilder auf den Seiten der Site nach der Optimierung um ein Vielfaches schneller geladen werden.
Was optimiert Bilder für Ihre Website
- Speichern Sie Speicherplatz.
- Beschleunigen Sie das Laden von Seiten.
- Minimale Serverlast.
- Conversion erhöhen.
- Besseres Site-Ranking für Suchergebnisse.
Es wurde nachgewiesen, dass die Website-Beschleunigung Verhaltensfaktoren verbessern und die Website-Conversion (Umsatz steigern) steigern kann. Je länger die Seite der Site geladen wird, desto weniger Kunden können dort bestimmte Zielaktionen ausführen. Wenn Ihre Website im Internet nicht schnell genug funktioniert, haben Sie alle Chancen, Ihr potenzielles Einkommen zu verpassen. Die Beschleunigung der Online-Ressource bietet die Möglichkeit, die Konversion zu verbessern und dadurch den Umsatz erheblich zu steigern und mehr Kunden zu gewinnen.
OptiPic-Vorteile
- Es gibt keine monatlichen Zahlungen.
- Vollständige Automatisierung.
- Kostenlose Verbindungsunterstützung.
- Um den Dienst zu verbinden und zu nutzen, benötigen Sie keine besonderen Kenntnisse in der Programmierung oder Administration.
- Es gibt keine Beschränkungen der Bildgröße im System.
- Freundlicher technischer Support.
Wie kann die Optimierung von Bildern für MODx eine Website beschleunigen?
Eine Seite einer Website besteht meistens aus:
- Bilder;
- html-Code (Textinhalt, Layout, Markup);
- Video;
- Javascript-Skripte mit Logik, die vom Browser ausgeführt wird;
- css-Dateien mit Seitenstilen.
Ein solches Element wie ein Bild nimmt den größten Teil des gesamten Volumens auf den Seiten der Website ein und ist der „schwerste“ Teil der Seiten.
Die Reduzierung (Optimierung) von Bildern wird das Herunterladen von Online-Ressourcen zweifellos erheblich beschleunigen.
Dementsprechend werden alle Seiten der Site viel schneller geladen, wenn Sie die Größe der Bilder (verringern) ändern.
Die Komprimierung der Bilder auf der Website ermöglicht es, ihr Volumen auf 75-98% zu reduzieren, ohne ihre visuelle Qualität zu verlieren.
WebP-Format: Eine optimale Lösung für Bilder auf Websites
Mit dem Fortschritt der Technologie stoßen Benutzer beim Herunterladen von Bildern auf ihren Computern immer häufiger auf das WebP-Format. Dieses von Google entwickelte Format ermöglicht das Hochladen von hochwertigen und kompakten Bildern auf Websites. Diese Bilder können nicht nur im Browser, sondern auch auf Laptops und Smartphones angezeigt werden.
Bilder können die Ladezeit einer Website erheblich verlangsamen und die Hosting-Kosten erhöhen. Website-Besitzer haben oft Schwierigkeiten, eine Balance zwischen Qualität und Kapazität zu finden. Das klassische JPEG-Format produziert möglicherweise nicht immer die gewünschten Ergebnisse, insbesondere bei kleinen Grafiken. PNG wird oft als Alternative verwendet, ist jedoch viel schwerer.
Das neue WebP-Format von Google bietet die beste Kombination aus Dateigröße und Qualität. Es wurde vor über einem Jahrzehnt entwickelt, wurde auf vielen Google-Diensten gut getestet und wird von Google PageSpeed Insights sehr empfohlen. Es können jedoch Kompatibilitätsprobleme mit weniger gebräuchlichen Browsern auftreten. Um eine falsche Bildanzeige zu vermeiden, wird empfohlen, sicherzustellen, dass sie in den üblichen schweren Formaten angezeigt werden.
Das Konvertieren alter PNG/JPEG-Formate in WebP ist mit verschiedenen Dienstprogrammen einfach. Das Konvertieren aller Bilder einer bereits erstellten Website kann jedoch eine Herausforderung darstellen. Spezielle Dienstprogramme wie OptiPic CDN können verwendet werden, um MODX-Bilder zu komprimieren, indem PNG/JPEG in WebP konvertiert wird. Dieser Service konvertiert nicht nur und bietet eine progressive Verbesserung, sondern entlastet auch die Last auf der Site-Hosting, beschleunigt die Rückgabe von Bildern aufgrund zusätzlicher Caching- und Optimierungsfunktionen.
Der Installationsprozess für das OptiPic CDN-Plugin ist einfach und kann von jedem durchgeführt werden. Das Plugin liefert WebP-Dateien an Benutzer, wenn ihr Browser dieses Format unterstützt. Wenn nicht, gibt es eine komprimierte Version eines Bildes im alten Format zurück. Der Service passt auch Bilder an schmale Telefonschirme an und führt Caching für beschleunigtes Laden von Bildern durch.
Zusammenfassend bietet das WebP-Format eine großartige Lösung für Website-Besitzer, um ihre Bilder zu optimieren, ohne die Qualität zu beeinträchtigen. Während Kompatibilitätsprobleme mit weniger gebräuchlichen Browsern auftreten können, kann die Verwendung eines Dienstes wie OptiPic CDN den Konvertierungsprozess automatisieren und die Last auf dem Site-Hosting verringern.
WebP ist ein modernes Bildformat, das von Google entwickelt wurde und eine Reihe von Vorteilen für Webentwickler und Benutzer bietet. Dazu gehören:
- Reduzierte Dateigröße: WebP-Bilder sind um bis zu 34% kleiner als ihre JPEG- und PNG-Pendants bei gleichbleibender Qualität. Dies führt zu schnelleren Ladezeiten und einer geringeren Bandbreitennutzung.
- Verbesserte Bildqualität: WebP verwendet fortschrittliche Kompressionstechniken, die die Bildqualität beibehalten und gleichzeitig die Dateigröße reduzieren. Dadurch sehen Bilder besser aus als MODX- oder PNG-Bilder vergleichbarer Größe.
- Transparenzunterstützung: WebP unterstützt sowohl verlustbehaftete als auch verlustfreie Transparenz, was es zu einer vielseitigen Option für Bilder mit transparentem Hintergrund macht.
- Breite Browserkompatibilität: Die meisten modernen Browser, einschließlich Google Chrome, Firefox und Microsoft Edge, unterstützen WebP. Es kann auch leicht in andere Bildformate konvertiert werden, um mit älteren Browsern kompatibel zu sein.
Warum hat Google WebP Open Source gemacht?
Google hat WebP als Open Source veröffentlicht, um ein effizienteres und schnelleres Bildformat für das Web bereitzustellen. Durch die Verwendung fortschrittlicher Kompressionstechniken reduziert WebP die Dateigröße von Bildern, ohne die Qualität zu beeinträchtigen. Dies führt zu schnelleren Ladezeiten und einer verbesserten Benutzererfahrung für Website-Besucher. Darüber hinaus ermutigt Google durch die Bereitstellung von WebP als Open Source Entwickler, zum Projekt beizutragen und das Format im Laufe der Zeit zu verbessern.
Unterstützt WebP progressive oder interlaced Anzeige?
Ja, WebP unterstützt sowohl progressive als auch interlaced Anzeige. Die progressive Anzeige lädt das Bild in mehreren Durchgängen und ermöglicht die schnelle Anzeige einer niedrig aufgelösten Version des Bildes, während die höhere Auflösung im Hintergrund geladen wird. Die interlaced Anzeige lädt das Bild in einer Reihe horizontaler Linien und ermöglicht die schnelle Anzeige einer groben Version des Bildes, während die feineren Details im Hintergrund geladen werden.
Lossless und Lossy WebP
WebP bietet sowohl lossless als auch lossy Bildformate. Lossless WebP komprimiert Bilder, ohne Daten oder Qualität zu verlieren, was es zu einem effizienten Format für die Speicherung und Freigabe von hochdetaillierten Bildern wie Fotografien und Grafiken mit Text macht. Lossy WebP verwendet Kompressionstechniken, um die Dateigröße zu reduzieren, was es ideal für Bilder macht, die keine hohen Detail- oder Klarheitsanforderungen haben, wie z.B. Miniaturansichten oder Hintergrundbilder.
Warum ist WebP (lossy) besser als JPEG?
WebPs Vorhersagecodierung, blockadaptive Quantisierung, Filterung und boolesche arithmetische Codierung übertreffen die Huffman-Codierung von JPEG und führen zu einer 5%-10%igen Verbesserung der Kompression.
Das gekaufte Paket brennt am Ende des Monats nicht aus - es ist von Vorteil, es mehrere Monate im Voraus zu kaufen
Symfony 
PrestaShop 
VirtueMart 
CodeIgniter 
Jigoshop 
DIAFAN.CMS