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:
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.
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.
Eine Seite einer Website besteht meistens aus:
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.
Wenn Benutzer Bilder auf ihre Computer herunterladen, können sie auf das neue WebP-Format stoßen. Dieses von Google erstellte Format ermöglicht es Webmastern, hochwertige Bilder hochzuladen, die auch kompakt sind, um sie nicht nur im Browser, sondern auch auf Laptops oder Smartphones einfacher anzeigen zu können.
Bilder auf einer Website können die Ladezeit erheblich verlangsamen und die Hosting-Kosten erhöhen. Site-Besitzer sind oft gezwungen, zwischen Qualität und Kapazität zu wählen. Das klassische JPEG liefert nicht immer das gewünschte Ergebnis, insbesondere für kleine Grafiken. PNG liefert zwar hochwertige Bilder, ist jedoch viel schwerer, was es für Websites schwierig macht.
Das WebP-Format von Google bietet die beste Kombination aus Dateigröße und Qualität und ist eine ausgezeichnete Alternative zu PNG und JPEG. Es wurde vor über zehn Jahren entwickelt und auf vielen Google-Diensten umfangreich getestet und wird von Google PageSpeed Insights nachdrücklich empfohlen. Einige weniger verbreitete Browser haben jedoch möglicherweise Probleme beim Anzeigen von WebP-Bildern. Es ist daher wichtig sicherzustellen, dass sie in solchen Fällen in den üblichen schweren Formaten angezeigt werden können.
Die Cross-Browser-Kompatibilität kann durch Einführung bestimmter Algorithmen in den Code erreicht werden, die eine voll funktionsfähige Version der Website für Besitzer von universellen Browsern und eine vereinfachte Version für Besitzer von seltenen Browsern oder veralteten Versionen bekannter Browser anzeigen. Alternativ können spezielle Plugins verwendet werden, um Bilder in das WebP-Format zu konvertieren, wodurch Site-Besitzer vorübergehend zwei Formate unterstützen können, während sie ihre Ressourcen verbessern.
Das Konvertieren alter PNG/JPEG-Formate in WebP ist einfach und es gibt viele Dienstprogramme zur Verfügung. Das Konvertieren aller Bilder einer bereits erstellten Website kann jedoch zeitaufwendig sein. Spezielle Dienstprogramme werden häufig verwendet, um Magento-Bilder zu komprimieren, indem PNG/JPEG in WebP konvertiert wird. OptiPic CDN ist einer der besten Dienste, der die Automatisierung der Bildkomprimierung ermöglicht und zusätzliches Caching und Optimierung bietet, um die Rückgabe von Bildern zu beschleunigen.
Das Plugin konvertiert und liefert WebP-Dateien an Benutzer, wenn der Browser dieses Format unterstützt. Wenn nicht, liefert es eine komprimierte Version eines Bildes im alten Format zurück. Es passt auch Bilder an schmale Telefonscreens an und führt Caching für beschleunigtes Laden von Bildern durch, wodurch die Belastung des Site-Hostings verringert und die Site beschleunigt wird.
Der OptiPic CDN-Dienst kann auf kostenpflichtiger oder kostenloser Basis genutzt werden, wobei ein Testtarif 100.000 Bildansichten bietet. Der Installationsprozess ist unkompliziert und kann von jedem Benutzer durchgeführt werden, was ihn zu einer ausgezeichneten Option zur Optimierung von Magento-Sites für PageSpeed macht.
WebP, ein revolutionäres Bildformat, das von Google entwickelt wurde, bietet eine Vielzahl von Vorteilen, die das Benutzererlebnis von Websites erheblich verbessern können. Hier sind einige der wichtigsten Vorteile:
Aber warum hat Google WebP als Open Source veröffentlicht? Durch die Freigabe von WebP als Open Source ermutigt Google Entwickler, zum Projekt beizutragen und das Format im Laufe der Zeit zu verbessern. Dies stellt sicher, dass WebP an vorderster Front der Bildkompressionstechnologie bleibt und weiterhin ein besseres Benutzererlebnis für alle bietet.
WebP unterstützt auch sowohl progressiven als auch interlaced Display, was schnellere Ladezeiten und ein reibungsloseres visuelles Erlebnis ermöglicht. Und mit sowohl verlustfreien als auch verlustbehafteten Optionen ist WebP ein vielseitiges Format, das den Anforderungen jeder Website oder Anwendung gerecht werden kann.
Warum also WebP gegenüber JPEG wählen? Die Antwort liegt in den überlegenen Kompressionstechniken von WebP, einschließlich Vorhersagecodierung, blockadaptiver Quantisierung, Filterung und boolescher arithmetischer Kodierung. Diese Techniken bieten eine 5%-10%ige Verbesserung der Kompression im Vergleich zur Huffman-Kodierung und machen WebP zur klaren Wahl für jeden, der die Leistung seiner Website optimieren möchte.
Zusammenfassend ist WebP ein bahnbrechendes Bildformat, das eine Reihe von Vorteilen für Webentwickler und Designer bietet. Von schnelleren Ladezeiten bis hin zu verbesserter Bildqualität hat WebP alles, was Sie benötigen, um das Benutzererlebnis Ihrer Website zu verbessern. Warum also nicht heute ausprobieren und den Unterschied selbst erleben?