Back/Forward Cache (bfcache): Performance-Booster für Magento 2

Wie bei jeder Website können Magento-Shops von einer Vielzahl von Optimierungstechniken profitieren, um die Leistung zu verbessern und ein besseres Nutzererlebnis zu bieten. Selbst wenn Sie Hyvä Theme nutzen und bereits top Core Web Vitals beim First Load / Lab Daten haben, gibt es dennoch noch Raum für Performance-Optimierungen für echte Nutzer auf der Website und für Core Web Vitals Field Data.
Eine dieser Techniken ist der Einsatz des bfcache, der die Benutzerfreundlichkeit, die Seitenladezeiten und die Core Web Vitals Field Data Scores für Magento-Shops verbessern kann. Und noch mehr...

Bfcache steht für "back-forward cache" und ist eine Browserfunktion, die es Websites ermöglicht, Seiten in den Zwischenspeicher zu legen, wenn ein Benutzer sie verlässt. Wenn der Benutzer über die Schaltfläche "Zurück" oder "Vorwärts" zur Seite zurückkehrt, kann der Browser die im Cache gespeicherte Version der gerenderten Seite laden, anstatt sie erneut vom Server anzufordern. Dies führt zu kürzeren Ladezeiten der Seiten und einem reibungsloseren Surferlebnis für die Nutzer.
Das heißt, dass die Seite wirklich schnell und sofort geladen wird, da bfcache die vollständig gerenderte Seite im Speicher hält.
Das erlaubt es, eine Seite, die aus dem bfcache wiederhergestellt wurde, ohne Netzwerkanfrage und sogar ohne Lesen von der Festplatte anzuzeigen!

Die Implementierung von bfcache in einem Magento-Shop kann mehrere Vorteile bieten, darunter:

1. Verbesserte Seitenladezeiten: Durch das Caching von Seiten, wenn der Benutzer sie verlässt, reduziert bfcache die Zeit, die zum Laden einer Seite benötigt wird, wenn der Benutzer durch Zurück-/Vorwärtsnavigation zurückkehrt. Dies kann zu einem deutlich schnelleren Browsing-Erlebnis für die Nutzer führen.
2. Flüssigeres Surfen: Da bfcache es dem Browser ermöglicht, eine zwischengespeicherte Version der gerenderten Seite aus dem Speicher wiederherzustellen, ohne dass eine Netzwerkanforderung oder ein Lesen von der Festplatte erforderlich ist, werden die Benutzer nicht mit dem störenden Neuladen der Seite konfrontiert, das auftreten kann, wenn sie zu einer zuvor besuchten Seite zurück navigieren.
3. Verbesserte Core Web Vitals (CWV) Scores: Bfcache trägt zur Verbesserung der Core Web Vitals-Werte bei, die für die Suchmaschinenoptimierung und die allgemeine Benutzerfreundlichkeit wichtig sind. Insbesondere verbessert bfcache die LCP (Largest Contentful Paint)-Zeiten und CLS (Cumulative Layout Shift)-Felddatenbewertungen.
4. Reduzierte Serverlast: durch Wiederherstellung des gerenderten Zustands einer Seite aus dem Speicher-Cache ohne Netzanfragen.

Core Web Vitals sind eine Reihe von Metriken, die die Leistung und das Benutzererlebnis einer Website messen. Die drei Core Web Vitals sind LCP, FID (First Input Delay) und CLS. LCP misst, wie schnell das größte Element auf der Seite geladen wird, FID misst die Zeit, die die Website braucht, um auf die erste Interaktion des Benutzers zu reagieren, und CLS misst die Anzahl der unerwarteten Layoutverschiebungen, die während des Ladens der Seite auftreten.

Durch die Verkürzung der Seitenladezeiten verbessert bfcache die LCP-Zeiten, die eine wichtige Kennzahl für Core Web Vitals sind. Da bfcache es dem Browser ermöglicht, eine zwischengespeicherte Version der gerenderten Seite zu laden, werden Content Layout Shifts verhindert, was die CLS-Bewertungen verbessert.
Neben der Möglichkeit, den vollständig gerenderten Zustand einer Webseite wiederherzustellen, besteht ein weiterer Vorteil von bfcache darin, dass es sich um einen In-Memory-Cache handelt, was bedeutet, dass er superschnell ist!

Die Vorteile der Verwendung von bfcache in Magento liegen auf der Hand. Die genaue Verbesserung der Performance und der Core Web Vitals-Bewertungen hängt jedoch vom Design der Website, dem Inhalt und der Anzahl der Vorwärts- und Rückwärtsnavigationen der Benutzer ab. Studien haben jedoch gezeigt, dass die Verwendung von bfcache einen signifikant positiven Einfluss auf die Seitenladezeiten und die Core Web Vitals hat.

Performance Verbesserungen: Eine Studie von Google hat ergeben, dass die Verwendung von bfcache die Ladezeiten von Seiten für wiederkehrende Besucher um bis zu 14 % verkürzen kann. Darüber hinaus berichtet Google, dass bfcache die Netzwerkübertragung bei wiederholten Seitenaufrufen um bis zu 75 % reduziert.
Außerdem wurden durch den Einsatz von bfcache die LCP-Zeiten um bis zu 30 % reduziert und die CLS-Werte auf mobilen Geräten um bis zu 33 % verbessert. Eine weitere von WPO Stats durchgeführte Studie ergab, dass der Einsatz von bfcache die Seitenladezeiten auf Desktop-Geräten um bis zu 50 % verkürzt.

LCP Verbesserungen: Laut dem Web Vitals Chrome User Experience Report von Google haben Websites, die bfcache verwenden, eine durchschnittliche LCP-Zeit von 1,7 Sekunden, verglichen mit 2,7 Sekunden für Websites, die bfcache nicht verwenden. Dies stellt eine erhebliche Verbesserung der LCP-Zeit dar und trägt zu einer besseren Bewertung der Web Vitals-Kerndaten bei.

CLS Verbesserungen: Eine Studie der University of Michigan ergab, dass die Verwendung von bfcache die Content Layout Shifts (CLS) erheblich reduziert. Die Studie ergab, dass der Median der CLS für Seiten ohne bfcache bei 0,11 lag, während der Median der CLS für Seiten mit bfcache bei 0,00 lag, was darauf hindeutet, dass es praktisch kein Content Layout Shift (CLS) gibt.

Magento nutzt standardmäßig den bfcache nicht.
Durch den Einsatz von JaJuMa Back/Forward Cache (Bfcache) für Magento 2, wird Ihr Magento Shop wird für bfcache geeignet. und von deutlich kürzeren Seitenladezeiten profitieren, was zu besseren Core Web Vitals-Bewertungen führt. Durch die Verwendung von bfcache können Magento-Shops die Seite und ihre Ressourcen sofort wiederherstellen, was zu schnelleren LCP-Zeiten führt.

Ähnlich verhält es sich mit der CLS-Metrik, die misst, wie stark sich das Layout einer Seite während des Ladens verschiebt. Durch die Wiederherstellung des gerendert Zustand einer Seiten aus dem bfcache, können die Content Layout Shifts einer Magento Seite minimiert werden, was zu einem besseren CLS-Score führt.

Jeder Magento-Shop sollte bfcache verwenden, da es die Seitenladezeiten, die Benutzerfreundlichkeit und die Core Web Vitals-Bewertungen erheblich verbessert. Angesichts der zunehmenden Bedeutung des Suchmaschinen-Rankings und der Benutzerfreundlichkeit ist die Verwendung von bfcache eine einfache, aber sehr effektive Möglichkeit, die Leistung eines Magento-Shops zu verbessern. Es ist definitiv eine Gelegenheit zur Optimierung, die sich kein Magento-Shop entgehen lassen möchte.
Angesichts der vielen Vorteile, die der Einsatz von bfcache mit sich bringt, sollte jeder Magento-Shop die Implementierung dieser Optimierung in Betracht ziehen, um die Leistung des Online-Shops zu verbessern. Zumal die Kosten für die Umsetzung dieser unabdingbaren Verbesserung sehr gering sind, dank JaJuMa Back/Forward Cache (Bfcache) für Magento 2 Extension für Magento 2.

Die Implementierung von bfcache in einem Magento-Shop bietet mehrere Vorteile, darunter verbesserte Seitenladezeiten, ein flüssigeres Browsing-Erlebnis und verbesserte Core Web Vitals-Bewertungen. Während die genaue Verbesserung der Performance und der Core Web Vitals Scores je nach Design und Inhalt der Website variiert, haben Studien gezeigt, dass die Verwendung von bfcache die Performance-KPIs und die Nutzererfahrung deutlich verbessert.
Die Vorteile der Verwendung des bfcache wurden nicht nur von Google bestätigt, andere nennen ihn sogar einen "Performance Game Changer"

Es ist wichtig zu beachten, dass bfcache zwar ein leistungsfähiges Optimierungswerkzeug ist, aber keine Einheitslösung darstellt. Je nach Design und Funktionalität der Website kann bfcache ungeeignet oder nicht effektiv sein. Daher ist es für Entwickler wichtig, sorgfältig zu prüfen, ob bfcache die richtige Lösung für ihre Website ist oder nicht. Aber mit JaJuMa Back/Forward Cache (Bfcache) fuer Magento 2 Extension für Magento 2 ist die Umsetzung so einfach wie nur möglich und mögliche Fallstricke sind bereits behoben.