Bis dato ist Magento's Out-of-the-Box Frontend-Framework (oder die LUMA-Stack, wie es sonst bekannt ist) langsam, schwierig in der Handhabung und wurde nicht aktualisiert, seit Magento 2 veröffentlicht wurde.
Das Ziel eines jeden Händlers ist es, den profitabelsten Shop zu erstellen, richtig? Der bestehende LUMA-Stack stellt da leider ein Hindernis dar, und es gibt jetzt viel bessere Alternativen, die Sie in Betracht ziehen sollten. Eine dieser Alternativen ist Hyvä Themes, und wir werden Ihnen dieses erstaunliche Framework hier in diesem Artikel vorstellen.
Was ist Hyvä Themes eigentlich? Welche Vorteile und Überlegungen sollten Händler beachten? Und warum ist es (unserer Meinung nach) die beste Option für die meisten Magento 2-User?
Was ist der LUMA-Stack?
Der LUMA-Stack ist das Standard-Theme, das mit Magento 2 ausgeliefert wird. 90% der Magento 2 Themes, die bis heute erstellt wurden, begannen mit dem LUMA-Framework. Das LUMA-Framework wurde als Teil der Magento 2-Anwendung im Jahr 2016 veröffentlicht und wurde seit seiner Einführung nicht mehr aktualisiert. Adobe hat keine Pläne, den LUMA-Stack zu aktualisieren, und er bietet Ihnen nicht das bestmögliche Frontend-Framework.
LUMA ist zu einer veralteten Technologie geworden, die durch die übermässige Verwendung von JavaScript aufgebläht ist, was die Leistung des Frontends träge und ineffizient macht. Es führt dazu, dass Seiten viel langsamer geladen werden, weil die Grösse und die Anzahl der auf der Seite enthaltenen JavaScript- und CSS-Dateien übermässig hoch sind.
Ausserdem ist es extrem übertechnisiert und komplex, was die Entwicklung neuer Themes für die Entwickler sehr zeitaufwändig macht.
Bühne frei für… Hyvä Themes!
Hyvä Themes zielt darauf ab, die Probleme mit LUMA durch die Beseitigung der Schmerzpunkte von Magento 2 Frontend-Entwicklung zu lösen. Es beseitigt und ersetzt Hunderte von einzelnen JavaScript-Dateien und aufgeblähten Bibliotheken mit einem einzigen JavaScript-Framework: Alpine.js.
Auf diese Weise können Sie sich von der aufgeblähten Architektur von LUMA und der übermässig komplexen Frontend-Codebasis verabschieden, die die Leistung bremst.
Hyvä Themes entfernt im Grunde alle schlechten, komplexen Dinge aus LUMA und ersetzt sie mit leichtgewichtigen und einfach zu bedienenden Frameworks. So erhalten Sie immer noch alle Vorteile der Magento 2 Frontend, aber ohne die Nachteile.
Out-of-the-Box erreicht Hyvä Themes Noten von bis zu 100 von 100 über alle von Google's Core Web Vitals auf dem Desktop und Mobile. Besser geht's nicht! Das bedeutet, dass Sie bei den Leistungskennzahlen von ganz oben anfangen, im Gegensatz zu LUMA, wo Sie ganz unten anfangen. Unserer Meinung nach ist das ein viel besserer Ansatz, denn die einzige Möglichkeit, dass Ihre Website mit Hyvä Themes schlecht abschneidet, ist, wenn Sie die Leistung Ihrer Website durch Ihre eigene Entwicklung verschlechtern.
Die Geburt von Hyvä Themes
Hyvä Themes wurde von einem niederländischen Magento-Entwickler namens Willem Wigman geschaffen. Willem wurde von seiner Frau gebeten, eine Online-E-Commerce-Website für ein kleines Unternehmen, das sie starten wollte, zu erstellen. Er wusste, mi dem Magento 2 LUMA Frontend-Stack würde die Entwicklung zu lange dauern. Also beschloss er, es auf einem völlig anderen Weg zu versuchen.
Die Lösung, die er schuf, ist heute als Hyvä Themes bekannt. Willem begann damit, alles aus dem Frontend zu entfernen und mit einer völlig leeren Webseite zu beginnen. Dann fügte er zwei Frameworks ein, von denen er wusste, dass er damit schnell arbeiten konnte. Diese Frameworks waren Tailwind CSS und Alpine JS.
Die Vorteile der Verwendung von Hyvä Themes
Hier sind fünf der grössten Vorteile der Verwendung von Hyvä Themes, um Ihr Frontend für Ihre Magento 2 Website zu bauen:
1. Website Geschwindigkeit & Leistung
Wir haben diesen Punkt bereits erwähnt, aber warum ist er so wichtig? Erstens: Eine hohe Seitengeschwindigkeit hat SEO-Vorteile. Das ist für Google beim Ranking von Websites ganz wichtig - Suchmaschinen bevorzugen Websites, die schneller sind. Wenn Sie eine höhere organische Sichtbarkeit wünschen, brauchen Sie eine schnell ladende Website.
Zweitens verbessert eine schnell ladende Website die Benutzerbindung. Wir wissen, dass eine Verzögerung von einer Sekunde bei der Bewertung der Seitengeschwindigkeit zu einem Rückgang der Kundenzufriedenheit um 16 % führen kann. Stellen Sie sich nun eine Verzögerung von zwei oder drei Sekunden vor...
Hyvä Themes ist auch dafür bekannt, dass es viel schneller ist als Adobes neues Frontend-Framework, PWA Studio. Dieses neue Framework ist noch nicht vollständig, aber Sie können die gleichen Leistungsvorteile wie PWA Studio zu einem Bruchteil der Entwicklungskosten erzielen.
Schnell ladende Seiten halten Webbesucher bei der Stange. Wenn Ihr Shop zu langsam ist, leiden Sie unter einer geringeren Verweildauer, hohen Absprungraten und letztlich weniger Konversionen.
Die architektonische Struktur von LUMA wirkt sich negativ auf die Leistung der Schaufenster aus, insbesondere auf mobilen Geräten und schwächeren Verbindungen. Auf der anderen Seite bietet Hyvä rasend schnelle Geschwindigkeiten auf allen Geräten, selbst bei einer langsameren Verbindung.
2. Erhöhte Konversionsraten
Ein Nebeneffekt einer verbesserten Website-Leistung sind höhere Konversionsraten. In einer kürzlich durchgeführten Studie wurde nachgewiesen, dass Sie für jede Sekunde, die Ihre Seite länger lädt als der globale Benchmark (zwei Sekunden für Desktop, vier Sekunden für mobile Geräte), bis zu 7 % an Konversionsraten verlieren.
Wenn Sie das über ein Jahr hinweg zusammenrechnen, entgeht Ihrem Unternehmen ein grosser Teil der Einnahmen. Das muss definitiv nicht sein.
3. Geringere Kosten und kürzere Markteinführungszeiten
Die Leistung der Website ist nicht das Einzige, was Hyvä Themes beschleunigt. Die Einfachheit der Architektur von Hyvä Themes erleichtert Entwicklern die Arbeit. Da das Theme auf modernen Web-Entwicklungstools aufbaut und es weniger Frontend-Code und Dateien gibt, die durchforstet werden müssen, ist es für Entwickler auch einfacher, neue Features und Funktionen zu entwickeln und Probleme zu beheben.
Dies reduziert die Entwicklungszeit und -kosten massiv und spart Ihnen, dem Händler, Geld. Je einfacher Hyvä Themes zu erstellen und zu ändern ist, desto weniger Zeit müssen Sie uns, Ihrer Agentur, dafür bezahlen. Sie erhalten also ein besseres, schnelleres Produkt zu einem Bruchteil des Preises im Vergleich zur Entwicklung mit dem Standard-LUMA-Stack.
4. Erfahrung der Entwickler
Obwohl Hyvä Themes relativ neu ist, gibt es bereits eine grosse Community rund um das Produkt. Die berühmte Entwickler-Community, die sich um Magento herum gebildet hat, wurde in der Lebenszeit von Magento 2 noch nie so verjüngt.
Warum ist das wichtig? Je grösser die Open-Source-Gemeinde rund um das Produkt ist, desto mehr kostenlose Kompatibilitätserweiterungen (dazu später mehr) erhalten Sie in Ihrer Lizenz und desto schneller wird sich das Hyvä Themes-Projekt weiterentwickeln. Und es sieht nicht so aus, als würde sich die Entwicklung in nächster Zeit verlangsamen.
Derzeit gibt es mehr als 800 aktive Entwickler (Tendenz steigend) im Slack-Kanal der Haupt-Community - ein Knotenpunkt von Experten und Enthusiasten, die alle ihr Wissen und ihre bewährten Verfahren austauschen, um die Projekte der anderen zu unterstützen.
Sie fragen sich vielleicht: Was bringt mir das? Nun, je mehr Wissen geteilt wird, desto mehr Ideen und Lösungen stehen Ihnen zur Verfügung, wenn bei der Entwicklung Ihrer Website Probleme auftreten. Auf diese Weise werden Ihre Fragen schnell beantwortet und die Gesamtqualität der Ergebnisse steigt.
5. Anpassungsfähigkeit
Wenn Sie eine bestehende Magento 2 Website haben, machen Sie sich keine Sorgen. Mit Hyvä Themes müssen Sie nicht von vorne anfangen, d.h. mit einer neuen Installation von Magento 2. Stattdessen können Sie einfach das aktuelle Theme ersetzen und müssen nicht die Backend-/Admin-Panel-Funktionalität neu erstellen. Denn die sind bereits vorhanden.
Und wenn Sie ein neues Projekt auf Magento 2 von Grund auf starten oder die Migration von Magento 1, können Sie immer noch die Leistung von Hyvä Themes nutzen. Aber Sie sollten wissen, dass Hyvä Themes nur für Magento 2 verfügbar ist (nicht für Magento 1).
Das klingt ja alles grossartig! Aber was sind die Nachteile von Hyvä Themes?
Es besteht kein Zweifel, dass Hyvä Themes das Magento-Ökosystem durcheinander bringt. Nur weil wir wir denken, dass Hyvä Themes das beste Frontend für Magento 2 ist, bedeutet das nicht, dass es perfekt ist.
Hier sind einige Dinge, die Sie beachten sollten, bevor Sie Ihr erstes Hyvä Themes-Projekt in Angriff nehmen:
1. Magento Versionskompatibilität
Die Verwendung von Hyvä Themes erfordert Magento 2.4 oder höher. Wenn Sie mit einer früheren Version arbeiten, müssen Sie zuerst ein Upgrade durchführen, bevor Sie Hyvä Themes verwenden können. Adobe wird den Support für Magento 2 2.3 ab März 2022 einstellen. Wenn Sie also nicht vorhaben, auf 2.4 zu aktualisieren, könnten Sie nach diesem Datum in Schwierigkeiten geraten, wenn Sie sich nicht dafür entscheiden.
2. Kasse
Derzeit kommt Hyvä Themes nicht mit einem neuen Magento Checkout. Aber Sie haben eine Reihe von Lösungen, die Sie mit dem Framework verwenden können.
Die gängigste ist die LUMA Checkout Fallback-Erweiterung, die in Ihrer Lizenz enthalten ist. Dieses kleine Juwel ermöglicht es Ihnen, die bestehenden Magento 2 Out-of-the-Box Kasse oder die Checkout-Erweiterung eines Drittanbieters mit dem Framework ohne Probleme zu verwenden.
Es ist auch erwähnenswert, dass das Hyvä Themes-Entwicklungsteam an zwei alternativen Checkout-Lösungen arbeitet, die in naher Zukunft veröffentlicht werden sollen. Eine davon ist eine auf React JS basierende Kasse und die andere ist eine andere, selbst entwickelte Lösung namens Magewire-Kasse. Beide Lösungen stecken noch sehr in den Kinderschuhen, aber zeigen grosses Potenzial als alternative Checkout-Lösungen für Magento 2 Websites und beide sind kompatibel mit dem Hyvä Themes-Framework.
3. Keine Unterstützung für Erweiterungen von Drittanbietern
Nicht alle Erweiterungen von Drittanbietern funktionieren von Haus aus mit Hyvä Themes. Sie benötigen einen Entwickler, um einige von ihnen kompatibel zu machen. Dies gilt jedoch nicht für alle Erweiterungen.
Die meisten Magento-Module sind mit den gleichen Technologien geschrieben wie die LUMA-Themes und funktionieren daher nicht mit Hyvä-Themes. Wo diese Technologien verwendet werden, ist eine Neupropgrammierung von Javascript, Templates und CSS erforderlich. Das ist kein grosser Aufwand, und es ist gut zu wissen, dass sich diese Arbeit auf die Ausgabe der Storefront beschränkt. Der gesamte Backend-Code, externe Integrationen und Ausgaben im Zusammenhang mit dem Admin-Panel sind nicht betroffen.
Das Team von Hyvä Themes hat jedoch eine Antwort auf dieses Problem und zwar die Hyvä Themes Kompatibilitätsmodul-Bibliothek. Diese Bibliothek mit Kompatibilitätserweiterungen ist in jeder Hyvä Themes-Lizenz enthalten und ermöglicht es dem Händler, alle Kompatibilitätserweiterungen zu installieren und zu verwenden, die von der Open-Source-Gemeinschaft von Hyvä Themes für diese Bibliothek eingereicht wurden. So gut wie alle Agenturen und Entwickler tragen zu dieser Bibliothek bei und wir sind zuversichtlich, dass mit der Zeit jede Erweiterung dort zu finden sein wird.
Ein weiterer Punkt, der hier zu beachten ist, ist, dass Sie genau das gleiche Problem mit PWA Studio haben. Mit PWA Studio können Sie nur über APIs Daten aus dem Backend des Systems abrufen. Daher müssen alle Erweiterungen, die Sie installieren, über API-Endpunkte verfügen, mit denen Sie sich verbinden können, um ihre Funktionen in Ihrem Frontend zu nutzen. Die Entwickler von Erweiterungen bringen diese Erweiterungen als kostenpflichtige Add-ons auf den Markt, und die Akzeptanz dafür ist bisher sehr gering.
Kurzum, die Kompatibilität von Drittanbieter-Erweiterungen mit Hyvä Themes ist nicht wirklich ein Problem... jedenfalls nicht für uns.
4. Adobe Commerce-Kompatibilität
Hyvä Themes ist derzeit mit allen Magento 2 Open Source Funktionen kompatibel. Leider kann das Gleiche nicht für Adobe Commerce gesagt werden. Hyvä Themes konzentriert sich derzeit darauf, ihr Framework mit allen Adobe Commerce-Funktionen kompatibel zu machen, und sie erwarten, dass dies innerhalb der nächsten Monate abgeschlossen sein wird.
Es muss auch gesagt werden, dass PWA Studio noch nicht vollständig mit Adobe Commerce kompatibel ist, so dass noch kein Framework die Kompatibilität garantieren kann. Wir sind der Meinung, dass Hyvä Themes noch vor PWA Studio vollständig kompatibel sein wird.
5. Hyvä Themes-Lizenzkosten
Es gibt eine wachsende Gemeinschaft rund um das Produkt Hyvä Themes, die den Code austauscht, aber leider ist es nicht vollständig Open-Source. Wie bei den meisten grossartigen Dingen im Leben gibt es einen Preis, und glauben Sie uns, die Kosten für eine Hyvä Themes-Lizenz sind ein absolutes Schnäppchen!
Die Lizenzkosten belaufen sich auf eine einmalige Zahlung von 1.000 € und erlauben es dem Händler, das Produkt in einer einzigen Instanz von Magento 2 zu verwenden. Wenn Sie mehrere Websites auf einer Magento 2-Instanz erstellt haben, ist eine Lizenz alles, was Sie brauchen.
Die Lizenz deckt alle zukünftigen Updates ab und beinhaltet den Support der Entwickler-Community, Zugriff auf den gesamten Code, die notwendige Online-Dokumentation und die Kompatibilitätsbibliothek.
6. Langlebigkeit von Hyvä Themes
Eine Frage, die uns oft gestellt wird, lautet: "Was passiert, wenn das Hyvä Themes-Team den Support für sein Produkt einstellt?". Dies ist eine sehr berechtigte Frage und eine, die sich Händler stellen sollten.
Die einfache Antwort darauf ist, dass sie es nicht tun werden. Da wir mit dem Team von Hyvä Themes seit der Markteinführung ihres Produkts zusammengearbeitet haben, wissen wir, dass Hyvä Themes hier ist, um zu bleiben, und nur grösser und besser werden wird. Sollte der schlimmste Fall eintreten und Hyvä Themes den Support für sein Produkt einstellen, würde es zu einem Open-Source-Projekt werden und von der wachsenden Gemeinschaft, die es bereits umgibt, weitergeführt werden.
Unser Fazit
Hier bei CS2 sind wir grosse Befürworter von Hyvä Themes und den Vorteilen, die es den Händlern bringt. Hyvä Themes ist im Grunde das Magento 2-Frontend auf Steroiden! Wir glauben, es hat ein immenses Potenzial und sollte von jedem Magento 2 Händler in Betracht gezogen werden.
Wie bei den meisten Dingen, sind wir einen Schritt voraus. Und uns mangelt es definitiv nicht an Fachwissen und Erfahrung. Wir haben bereits eine Reihe sehr erfolgreicher Hyvä Themes Magento 2-Websites erstellt.
Sie sind auf der Suche nach Super-Charge für Ihre Magento 2 Websites Frontend-Leistung? Setzen Sie sich noch heute mit uns in Verbindung und lassen Sie uns Ihren Online-Shop auf die nächste Stufe heben!
