Home » UX & Usability » Hyvä: Das Performance-Upgrade für Ihr Magento Onlineshop
Magento Hyvä

Hyvä: Das Performance-Upgrade für Ihr Magento Onlineshop

Es existieren zahlreichen Faktoren, die einen Einfluss auf die Performance einer Magento Shop haben. Doch was ist eigentlich Performance und in welchem Zusammenhang dazu steht die Frontend-Technologie Hyvä? In unserem Blog-Post zeigen wir, wie die Spezialisten von netz98 mithilfe der richtigen Strategie für einen massiven Performance-Schub sorgen können.

Performance im E-Commerce: Warum Geschwindigkeit zählt

Was genau bedeutet eigentlich „Performance“ im Kontext eines Webshops? Man mag in erster Linie an die Geschwindigkeit und Reaktionszeit einer Website denken. Doch tatsächlich gibt es unterschiedliche Auslegungen, welche Kennzahlen diesen Wert objektiv erfassen können. Ein einfaches Beispiel für diese Problematik sind Hintergrundaufgaben im Gegensatz zu sichtbaren Grafiken: Beide haben eine negative Auswirkung auf die Ladezeit der Webseite. Für den User spielt jedoch nur der Ladevorgang der Grafik eine relevante Rolle, da sich Hintergrundaufgaben in der Regel nicht auf die gefühlte Performance auswirken. Daher sind Mess-Werkzeuge wie Google Lighthouse und Core Web Vitals hilfreich, sollten aber nicht als alleinige Beurteilung der Performance herangezogen werden. Die Experten von netz98 setzen daher auf unterschiedliche Kennzahlen und Tools, die für den jeweiligen Kontext die relevanten Aussagen liefern.

Die Performance einer Website hat nicht nur einen entscheidenden Einfluss auf die User Experience, sondern kann auch das Suchmaschinen-Ranking beeinflussen. Es ist daher von großer Bedeutung, stets den Erwartungen der Benutzer gerecht zu werden. Selbst geringfügige Verzögerungen können die Absprungrate erhöhen, die Conversion Rate nachhaltig beeinträchtigen und letztlich auch die Sichtbarkeit in Suchmaschinen negativ beeinflussen. Weitere Einblicke in dieses Thema und eine Erläuterung der Zusammenhänge von Performance und SEO gibt es auf unserer Themen-Seite Performance-Optimierung.

Magento und Performance

Ein maßgeblicher Grund für den anhaltenden Erfolg von Adobe Commerce (Magento) ist der beeindruckende Funktionsumfang der Software. Für nahezu jede Anforderung einer modernen Kunden-Plattform sind bereits die passenden Funktionen integriert. Auch ein flexibles und robustes Frontend-Framework gehört zum Lieferumfang, das für die Gestaltung leistungsfähiger Benutzeroberflächen zuständig ist. Zwar bietet Magento von Haus aus eine solide Performance, jedoch können im Laufe der Zeit durch individuelle Anpassungen, Drittanbieter-Erweiterungen oder andere Faktoren Einschränkungen entstehen.

Hier bieten sich viele Optimierungsmöglichkeiten: Trotz des großen Funktionsangebots kann Magento durch gezielte Maßnahmen, wie beispielsweise durchdachtes Caching oder Datenbank-Optimierungen, erheblich beschleunigt werden. Seit einiger Zeit rücken zudem auch innovative Frontend-Technologien in den Fokus. So erlauben zum Beispiel Headless-Integrationen den Aufbau eigenständiger Anwendungen zur Kundeninteraktion, oft in Form sogenannter PWAs oder durch das netz98-eigene Framework mageless. Während diese Technologien zweifellos mächtig und vielseitig sind, könnten sie für manche Projekte aufgrund ihrer Komplexität und Größe überdimensioniert sein. Daher sind sie nicht immer die beste Wahl für jede Plattform. Hier bieten alternative Ansätze eine Lösung.

Hyvä: Das Performance-Steigerung für Magento

In jüngster Vergangenheit macht aber eine Überarbeitung des Magento-eigenen Frontend-Systems von sich Reden: Hyvä. Diese Erweiterung basiert auf der Magento-eigenen Logik zur Gestaltung der Benutzeroberflächen, nutzt dabei aber konsequent zeitgemäße Technologien. Hyvä orientiert sich an modernen Webstandards, was nicht nur zu einer deutlichen Performance-Steigerung führt, sondern auch Wartbarkeit und Erweiterbarkeit erleichtert. Dies hat einen nachhaltigen positiven Effekt sowohl auf die Entwicklungsgeschwindigkeit als auch auf die Gesamtperformance. Durch die Verwendung aktueller Technologien sorgt Hyvä damit auch für eine bessere Kompatibilität mit zukünftigen Webtrends und -standards.

Ein wichtiger Aspekt ist, dass bereits bestehende Frontend-Integrationen an diese neuen Technologien angepasst werden müssen. Daher ist nicht jedes Feature direkt mit Hyvä kompatibel. Es setzen jedoch bereits viele netz98-Projekte auf diese Variante, wodurch die netz98-Entwickler auf einen großen Fundus bestehender Integrationen zurückgreifen können. Die aktive Entwickler-Community leistet ebenfalls einen wertvollen Beitrag, sodass Hyvä mittlerweile für viele Anforderungen verfügbar ist. Dies gewährleistet eine hohe Kompatibilität mit besonderen Features von Magento, wie beispielsweise dem integrierten Content-System Page Builder sowie den B2B-Features.

Messbare Erfolge durch den Einsatz von Hyvä

Die Spezialisten von netz98 setzen Hyvä mittlerweile in zahlreichen Kundenprojekten ein. Dabei kommt die Technologie sowohl im Aufbau neuer Webshops als auch bei umfassenden Relaunches zum Einsatz, wenn also eine bereits bestehende Instanz von Adobe Commerce (Magento) tiefgreifend überarbeitet wird. Die Resultate sind in allen Fällen hoch performante Plattformen, die in allen wichtigen Performance-Messungen herausragende Ergebnisse erzielen.

Beispiel aus dem Projektalltag

Magento Hyvä Performance Optimierung

Für einen unserer Bestandskunden nahmen wir eine umfassende Überarbeitung seiner bestehenden Adobe Commerce-Plattform vor. Das primäre Ziel dieses Relaunches war eine signifikante Performance-Steigerung, insbesondere auf den kaufentscheidenden Produktseiten. Im Zuge des Monitorings werteten wir insbesondere die sogenannten Core Web Vitals aus, um die wichtigsten Performance-KPIs sowohl vor als auch nach dem Relaunch zu tracken. Das Herzstück der Überarbeitung war die Neugestaltung der Benutzeroberfläche mit Hyvä. Parallel dazu implementierten wir eine Reihe weiterer Optimierungen, darunter beispielsweise geräteabhängige Bilddaten.

Durch die vorgenommenen Änderungen konnten wir eine signifikante Verbesserung der Ladezeiten und eine Steigerung der Gesamt-Performance erreichen. Eine aktuelle Studie von Deloitte bestätigt, dass solch ein Ansatz mehrere Kennzahlen positiv beeinflusst. Dazu zählen ein Anstieg der Seitenaufrufe pro Session um 5%, eine Erhöhung der Conversion Rate um 8% und eine Zunahme des durchschnittlichen Warenkorbwerts um 9%. Bemerkenswert ist, dass die Umsetzung der umfangreichen Plattformoptimierung durch das netz98-Team in nur wenigen Monaten abgeschlossen wurde.

Es ist zu beachten, dass im Zuge der Hyvä-Einführung in der Regel auch weiterführende Optimierungsmaßnahmen durchgeführt werden. Dazu gehört zum Beispiel die Einführung moderner Bildformate, intelligente Ladereihenfolgen und ausgefeilte Strategien zur Auslieferung der Inhalte. Jeder Einsatz bedarf einer genauen Prüfung, da andere Lösungen auch weiterhin ihre Berechtigung haben.

Mit netz98 zum performanten Magento Onlineshop

Performance-Optimierungen sind ein komplexes Thema, das nicht nur das Benutzer-Frontend, sondern das gesamte System betrifft. Dies schließt Infrastruktur, Drittanbieter-Module und externe Anwendungen ein, die möglicherweise eingebunden sind. Die Gründe für suboptimale Performance sind oft komplex und erfordern eine detaillierte Analyse durch Fachleute. Kleine Änderungen in einem Bereich können sich oft erheblich auf die Gesamt-Performance auswirken. Daher ist es von entscheidender Bedeutung, eine umfassende und systematische Überprüfung durchzuführen, um alle potenziellen Schwachstellen zu identifizieren und zu beheben.

Bei netz98 wissen wir, dass Performanceoptimierungen ein entscheidender Faktor für den Erfolg jeder Plattform sind. Deshalb setzen wir für unsere Kunden auf ein Team aus erfahrenen Experten, die über das notwendige Fachwissen verfügen. Ob Magento-Profis, Experten für Frontend-Technologien oder Hosting-Spezialisten – wir holen die richtigen Leute an den Tisch, um Ihren Online-Shop zu analysieren und zu verbessern.

Zögern Sie nicht, uns anzusprechen. Gemeinsam können wir die Möglichkeiten eines Relaunches Ihrer aktuellen Plattform oder die Entwicklung einer neuen Plattform erörtern und diskutieren:

Porträt von Elias Henrich
Elias Henrich
Senior Software Architect
Hartwig Göttlicher
Hartwig Göttlicher
Head of Business Development

Bild: netz98, Hyvä, Adobe Commerce

Commerce Integration Suite: Die umfassende Lösung von valantic für nahtlose E-Commerce-Integration 
Laptop mit Einkaufswagen auf dem Screen und Entwicklungsumgebung drumherum

Mit unserer von Adobe akkreditierten Commerce Integration Suite machen E-Commerce-Unternehmen ihre Plattformen effizienter. Mehr erfahren!

AI Experience Shop von valantic: Die intelligente Zukunft des E-Commerce
Mittig im Bild steht der Schriftzug: Willkommen in der Zukunft. Darunter in einer kleineren Schriftgröße: Unser AI Experience Shop. Links der Schrift ist ein kleiner Roboter platziert. Rechts der Schrift sieht man einen aufgeklappten Laptop sowie darüber ein rotes, welliges Design-Element.

Entdecken Sie unseren valantic AI Experience Shop: KI-Lösungen für ein optimales Kundenerlebnis im E-Commerce!

Adobe Analytics: Tipps zur Implementierung und Optimierung im E-Commerce
Frau schaut und zeigt auf einen Bildschirm mit statistischen Grafiken

Erfahren Sie, wie wie eine durchdachte Implementierung von Adobe Analytics im E-Commerce zum Erfolg führt und wie die Nutzung optimal Read more

Shop-Design: Welche E-Commerce Trends den Erfolg boosten
Ein Tablet liegt auf einem Tisch. Auf der Bildschirmoberfläche ist ein steigender Kurvenverlauf zu sehen und die Hand eines Mannes folgt der Kurve.

Entdecken Sie, wie innovatives Shop-Design die Conversion Rate steigert. Tipps & Trends für effiziente Optimierung!

Cyberkriminalität mit KI bekämpfen: Tipps für E-Commerce Unternehmen
Roboterhand auf einer Laptop-Tastatur mit Schlosssymbol auf dem Bildschirm

Lesen Sie im Gastbeitrag von Maxcluster, wie KI im E-Commerce bei der Betrugsprävention hilft und vor Cyberkriminalität schützt.

Suchfunktion in Onlineshops: Effektive Optimierung mit KI
Mann tippt mit dem Finger auf eine Suchleiste eines Onlineshops

Optimieren Sie Ihre Shop-Suchfunktion mit KI-Technologien. Erfahren Sie in unserem Experten-Interview, wie KI die Suchergebnisse präzisiert!

Treueprämien: Wichtiger Bestandteil erfolgreicher Loyalty Programme
Im Vordergrund ist die Hand eines Mannes rangezoomt. Es ist erkenntlich, dass er ein Hemd trägt und es wird suggeriert, dass es sich um einen Geschäftsmann handelt. Zwischen Daumen und Zeigefinger hält er einen kleinen, lächelnden Smiley mit Herzaugen.

Die Auswahl passender Treueprämien sowie die Struktur rundherum bestimmt den Erfolg eines Loyalty Programms im E-Commerce. Details hier!

Composable Commerce mit Magento: Maximale Flexibilität dank valantic Entwicklung Mageless
Hand auf Laptop-Tastatur und Hand mit Smartphone, darüber E-Commerce-Symbole

Entdecken Sie die Vorteile von Composable Commerce und Mageless für flexible und sichere E-Commerce-Lösungen in Magento. Jetzt mehr erfahren!

Über den Autor