Hyvä - Schneller geht Online Shop nicht

Seit etwa ein bis zwei Jahren haben diverse Website- und Online-Shop Betreiber die Ladezeiten Ihrer Websites als Ranking-Signal für Google wahrgenommen. Kurzum war die bisherige Annahme immer so, dass je schneller eine Seite lädt, diese auch deutlich besser im Ranking auf den Suchergebnisseiten bei Google abgeschnitten hatte.

Bislang war dies jedoch nur eine "gefühlte Wahrheit", welche sogar offiziell von Google im Juli 2020 durch das Video "Page Speed: SEO Mythbusting" deutlich relativiert wurde. Bis November 2020 galt dann die Wahrheit, dass die Ladezeit einer Website zwar für den User weiterhin ein wichtiges Kriterium ist, jedoch sich nicht besonders stark auf das Ranking bei Google auswirkt.

im November 2020 hat Google dann einen Zeitplan für die "Web Core Vitals" veröffentlich. Google räumt damit, ab Mai 2021, der Nutzerfreundlichkeit und besonders auch der Ladezeit einer Website einen hohen Stellenwert beim Ranking ein. 

Aber warum ist eine schnellere Ladezeit auch besser?

Google hat durch die ständige Messung der Ladzeiten folgende Kernaussagen festgestellt:

• "Wenn sich die Seitenladezeit von 1 auf 3 Sekunden erhöht, steigt die Absprungrate um 32 %". D.h. eine Website solle innerhalb von maximal 3 Sekunden  laden, anderenfalls brechen bereits ein Drittel aller User den Aufruf der Website ab.
• "Erhöht sich die Seitenladezeit von 1 auf 6 Sekunden, steigt die Absprungrate um 106 %." D.h. lädt eine Websie mehr als 6 Sekunden, brechen mehr als doppelt so viele User, wie vorher den Aufruf der Website ab.

Gerade im eCommerce Umfeld kostet daher eine langsamere Website effektiv Conversions bzw. Käufe.

Galten früher Magento 1 Shops zwar als mächtige Tools, mit deren man nahezu jede Anforderung abbilden konnten, hatte Magento jedoch nie den Nimbus ein System zu sein, welches besonders schnelle Online Shops produzierte. Mit dem Wechsel auf Magento 2 hatten viele Entwickler und auch Online Shop Betreiber gerade in diesem Bereich einige Hoffnungen auf Besserungen. Leider wurden diese jedoch durch das Magento Standard "Luma Theme" (Link: Magento 2 Demo mit Luma-Theme) jedoch nicht bestätigt.

Magento 2 wollte erneut möglichst allen Anforderungen gerecht werden und bettete eine Vielzahl von JavaScripten und entsprechenden Libraries ein, was unweigerlich zu langsameren Lade- und Ausführungszeiten bei Aufruf des Online Shop Frontend, der für User sichtbaren Website, führte. Ohne große Optimierungen und Anstrengungen kam ein Luma Theme Magento 2 Shop üblicherweise auf Google Pagespeed Scores auf Mobil-Devices auf 50 von 100 und bei Desktop-Geräten immerhin auf 95 von 100 maximalen Punkten.

Hyvä - Ein neuer Ansatz

Mit dem Hyvä Theme (Hyvä = das finnische Wort für "gut"), wurde der komplette Frontend-Ansatz von Magento 2 über den Haufen geworden. Alle JavaScripte wurden entfernt und  es wurde so viel wie möglich auf moderne Browser und damit den Möglichkeiten von modernem Stylesheets (Tailwind CSS) und sehr schlanken JavaScripten (AlpineJS) gesetzt. Hyvä wurde offiziell am 12.02.2021 im Rahmen einer Release Party veröffentlicht.

Dies zahlt sich umgehend, bereits bei Erst-Installation, ohne große Anpassungen deutlich aus. Ein Demo-Hyva-Shop erreicht damit ohne Aufwand sofort einen Mobile-Score von über 80 Punkten im Google Pagespeed Check. Auf Desktop-Rechnern liegt der Score bereits bei 98 von 100 Punkten.

Durch eine Anpassung auf dem Server konnten wir für unseren Hyva-Demo-Shop, innerhalb weniger Minuten, sogar Mobile-Scores von 98/100 und Desktop-Scores bei 100/100 in den Google Pagespeed InSights erreichen.

Das Hyvä Theme ist grundsätzlich einsetzbar bei Magento Shops ab Version 2.4. Auf der sehr übersichtlichen Feature Matrix des Hyvä Theme kann man die aktuelle Roadmap für die Entwicklung tagesaktuell einsehen.

Pauschal kann man sagen, dass Stand 03/2021 nahezu alle Magento Open Source Features bereits unterstützt werden, oder aber für die kommende Version 1.1 bereits in Entwicklung sind.  Sämtliche üblichen Produkttypen (Einfache Produkte, konfigurierbare Produkte, Bündelprodukte, Gruppierbare Produkte, Virtuelle Produkte, Downloadprodukte) werden ebenso unterstützt wie alle zugehörigen Arten von Cross- bzw. Up-Selling und verknüpften Produktarten.

Produktdetailsansichten und Kategorienseiten, wahlweise als Liste oder auch Gitteransicht, werden ebenfalls berits out-of-the-box unterstützt, wie auch alles was im entferntestens mit Produkten zu tun hat. So sind beispielsweise die Lagerfähigkeit, Zoom-Bilder, Download-Beispieldateien oder auch Produktrenzensionen bereits unterstützt.

Der vollständige Kundenbereich inklusive Dashboard, Versand- und Rechnugsadresse, Bestellstatus, Nachbestellungen, Wunschliste, Produktreviews und auch Newsleter sind bereits aktuell in Hyvä verfügbar, wie auch ein EU-konformer Cookie-Hinweis.

Eines der sicherlich interessantesten Features welches die aktuelle 1.1.2 Version von Hyvä beinhaltet, sind die sogenannten Swatches. Mit diesen Swatches kann man in Magento Shop wahlweise Texte, Farben oder auch Bilder als Schaltfächen umsschaltbar machen kann. Stand 04/2022 sind die Swatches  bereits für die Detailseiten komplett implementiert und damit auch für alle bisherigen Lizenznehmer kostenfrei verfügbar.

Ebenfalls als Open Source Software wird aktuell Hyvä Admin entwickelt, welches im Backend von Magento eine neue Möglichkeit bietete eigene Admin-Grids zu erstellen. Alle bestehenden Standard-Grids und Formulare im Magento Backend werden nicht etwas überschrieben, sondern sind weiterhin verfügbar. Auch hier liegt der Fokus, wie auch schon beim Hyvä Theme, in der schnellen Darstellung und Ausführung im Magento Backend.