Was ist Hyvä? Ein verständlicher Leitfaden für Magento-Shopbetreiber

Wenn Sie einen Magento-2-Shop betreiben, hat Ihnen vermutlich schon jemand geraten, “auf Hyvä umzusteigen”. Agenturen sprechen darüber, Entwickler mögen es, und Speed-Reports verweisen immer wieder darauf.

Dieser Leitfaden erklärt, was Hyvä tatsächlich ist, was sich mit der Einführung ändert und was nicht. Er richtet sich an Shopbetreiber und -manager, nicht nur an Entwickler.

Hyvä in einem Absatz

Magento 2 besteht aus zwei Hälften. Das Backend enthält Ihre Produkte, Preise, Kunden, Bestellungen und Integrationen. Das Frontend ist die Storefront, die aus diesen Daten Seiten im Browser Ihrer Kunden macht.

Standardmäßig wird Magento mit einem Frontend-Theme namens Luma ausgeliefert. Hyvä ist ein alternatives Frontend-Theme, das Luma ersetzt.

Es lässt das Magento-Backend unangetastet und baut die Storefront mit einem deutlich kleineren, moderneren Werkzeugsatz neu auf.

Was Hyvä ersetzt

Luma wurde vor vielen Jahren entwickelt und bringt die Frontend-Technologie jener Zeit mit. Eine typische Luma-Seite lädt eine lange Kette aus JavaScript und Stylesheets, bevor der Kunde überhaupt etwas tun kann.

Hyvä entfernt diesen Stack und ersetzt ihn durch zwei schlankere Werkzeuge.

Tailwind CSS erzeugt nur die Styles, die Ihre Templates tatsächlich verwenden. Alpine.js ergänzt kleine Verhaltensweisen, etwa das Öffnen eines Menüs oder den Wechsel eines Produktbilds, direkt im Seiten-Template.

Was gleich bleibt

Dieser Punkt überrascht viele Shopbetreiber: Der Umstieg auf Hyvä ist kein Replatforming-Projekt.

• Ihre Produkte, Kategorien, Attribute und Preise bleiben, wo sie sind.
• Ihre Kunden, Bestellungen und die Bestellhistorie bleiben, wo sie sind.
• Ihre ERP-, PIM-, Marktplatz- und Buchhaltungsintegrationen kommunizieren weiterhin mit demselben Magento-Backend.
• Ihre URLs können exakt gleich bleiben – wichtig für SEO.
• Ihr Team arbeitet täglich weiter im gewohnten Magento-Admin.

Was sich ändert, ist die Art, wie die Storefront aufgebaut ist und wie schnell sie beim Kunden ankommt.

Warum Shops auf Hyvä umsteigen

Der Hauptgrund ist die Last. Eine Hyvä-Seite lässt den Browser weit weniger Code herunterladen und ausführen als eine Luma-Seite.

In unserem eigenen Benchmark auf demselben Server mit demselben Katalog waren saubere Hyvä-Seiten rund viermal leichter als Luma-Seiten. Sie erzeugten zudem deutlich weniger Requests und lieferten etwa 18- bis 20-mal weniger JavaScript aus.

Die vollständigen Zahlen und die Methodik finden Sie in unserem Hyvä-vs.-Luma-Benchmark.

Weniger Code hilft auf drei ganz praktische Arten:

• Mobile Kunden. Smartphones der Mittelklasse und ältere Geräte tun sich mit einem halben Megabyte JavaScript schwer, selbst wenn ein Labortest gut aussieht.
• Core Web Vitals. Kennzahlen wie LCP und INP lassen sich leichter im grünen Bereich halten, wenn der Browser weniger Arbeit hat.
• Entwicklungsgeschwindigkeit. Schlichte Templates mit Tailwind-Klassen lassen sich schneller ändern als Schichten aus LESS-Overrides und Knockout-Templates.

In einem echten Kundenshop – einem deutschen Händler, der in 9 Länder verkauft – hob unser Hyvä-Build den mobilen Lighthouse-Score der Produktseite von 72 auf 94 und den der Kategorieseite von 88 auf 95. Das sind unsere Messungen auf dem Staging-Build.

Was Hyvä nicht löst

Hyvä macht das Frontend leichter. Einen langsamen Server macht es nicht schnell.

Wenn Ihr Hosting unterdimensioniert ist, Ihr Full-Page-Cache falsch konfiguriert ist oder Ihre Bilder jeweils mehrere Megabyte groß sind, bleiben diese Probleme mit jedem Theme bestehen. Auch ein schwerer Tag-Manager mit vielen Drittanbieter-Skripten bremst einen Hyvä-Shop aus.

Deshalb betrachten wir immer zuerst das Gesamtbild. Unsere Magento-Performance-Optimierung beginnt oft beim Server und bei den Skripten, nicht beim Theme.

Man sollte bei Laborwerten auch ehrlich sein: Ein sauberer Luma-Shop auf einem schnellen Server hinter einem CDN kann in Lighthouse ebenfalls gut abschneiden. Der eigentliche Unterschied zeigt sich beim Seitengewicht und darin, wie echte Kunden auf echten Smartphones den Shop erleben.

Der Haken: Extensions

Die meisten Magento-Shops nutzen eine Reihe von Drittanbieter-Extensions. Viele davon bringen eigenen, für Luma geschriebenen Frontend-Code mit, der RequireJS, KnockoutJS oder jQuery verwendet.

Da Hyvä diesen Stack entfernt, funktioniert solcher Frontend-Code auf Hyvä nicht ohne Weiteres. Der Backend-Teil der Extension arbeitet weiter; Handlungsbedarf besteht beim Storefront-Teil.

Für viele verbreitete Extensions gibt es bereits ein Hyvä-Kompatibilitätsmodul. Bei anderen muss das Frontend portiert oder die Extension durch eine bessere Alternative ersetzt werden.

Deshalb beginnt jedes seriöse Hyvä-Projekt mit einem Extension-Audit. Unsere Hyvä-Migrations-Checkliste erklärt Schritt für Schritt, wie das geht.

Kassen-Optionen

Der Checkout verdient eine eigene Entscheidung. Der Standard-Checkout von Luma ist mit KnockoutJS gebaut und gehört damit zum alten Stack.

Für einen Hyvä-Shop gibt es mehrere Wege:

• Hyvä Checkout, der offizielle Checkout auf Basis von Magewire.
• Ein Checkout, der über den Fallback-Ansatz von Hyvä nur für diese Seite auf Luma bleibt, während der Rest des Shops auf Hyvä läuft.
• Ein individueller Checkout, zugeschnitten auf Ihre Warenkorbgröße und Ihre Märkte.

Wir setzen Hyvä-Checkout-Projekte um und bieten zusätzlich eigene 2-Step-, 3-Step- und One-Page-Checkout-Templates an, jeweils mit individueller Bestellbestätigungsseite. Einen Vergleich finden Sie auf unserer Seite Hyvä-Checkout-Optionen.

Passt Hyvä zu Ihrem Shop?

Hyvä passt in der Regel sehr gut, wenn:

• Ihr Shop auf Magento 2 läuft und Sie bei Magento bleiben möchten.
• ein großer Teil Ihres Traffics mobil ist.
• Ihr aktuelles Theme schwer und nur langsam zu ändern ist.
• Sie ohnehin ein Redesign planen.

Mehr Planung ist nötig, wenn Sie auf viele Extensions mit schwerem Frontend-Code angewiesen sind oder auf eine Zahlungsart ohne Hyvä-fähige Integration.

Beides ist kein K.-o.-Kriterium. Es bedeutet lediglich, dass das Extension-Audit an erster Stelle steht und den Plan bestimmt.

FAQ

Ist Hyvä eine neue Magento-Version?

Nein. Hyvä ist ein Frontend-Theme für Magento 2. Ihre Magento-Version, Ihr Admin und Ihre Daten bleiben gleich.

Ändert sich mein Design beim Umstieg auf Hyvä?

Nur wenn Sie es wollen. Ein Design lässt sich auf Hyvä eins zu eins nachbauen, auffrischen oder durch ein neues individuelles Design ersetzen.

Verliere ich meine Google-Rankings?

Nicht, wenn der Umstieg sorgfältig geplant ist. URLs können gleich bleiben, und gerenderte Seiten sowie strukturierte Daten sollten vor dem Launch mit dem alten Shop verglichen werden.

Sie möchten wissen, was Hyvä für Ihren eigenen Shop bedeuten würde? Wie wir Hyvä-Shops planen, bauen und betreuen, sehen Sie auf unserer Seite Hyvä-Theme-Entwicklung .