Eine Idee zu haben ist das eine, diese dann tatsächlich in die Realität umzusetzen ist etwas völlig anderes. Wie die Idee zu Hyvä Themes überhaupt entstanden ist und welche Ereignisse dazu geführt haben, Hyvä Themes zu verwirklichen, wird in diesem Beitrag erzählt. Vorab: manchmal braucht es ein gewisses Maß an Frustration, damit Neues entstehen kann.
Willem Wigman und sein JavaScript Optimierungs-Guide
Eins der größten Probleme von Luma ist die enorme Ladezeit. Diesem Problem ist Willem Wigman nachgegangen und hat monatelang Nachforschungen betrieben, um eine Lösung zu finden, die die Ladezeiten optimiert. Das gelang ihm auch. Willem hat es geschafft den PageSpeed, der von Google gemessen wird und ein Indikator für die Performance einer Webseite ist, von unter 30 auf über 90 gebracht. Dabei wurde der PageSpeed auf mobilen Endgeräten gemessen, wo es noch schwieriger ist, gut abzuschneiden, als auf dem Desktop. Um sein Wissen zu teilen, schrieb er einen ultimativen Guide zur Optimierung von JavaScript in Magento 2 mit fast 9.000 Wörtern.
Eine Erfolgsgeschichte, die nicht lange andauern sollte. Es folgte ein Update des Google PageSpeed-Algorithmus, woraufhin die optimierten Shops auf einen PageSpeed zwischen 15 und 40 zurückfielen. Dies war ein enormer Rückschlag und innerhalb von Sekunden wurde ein Gutteil der monatelangen Arbeit nichtig.
Das Hauptproblem für die schlechte Performance ist dabei die große Menge an über 4 MB JavaScipt und 1 MB CSS im Standard-Theme von Magento 2, dem Luma-Theme. Dieses Grundproblem verhindert einen guten Lighthouse-Score (und damit auch ein besseres Ranking) und ist ohne ein grundsätzliches Neu-Denken nicht lösbar.
Der bittere Geschmack von PWAs aus Entwicklersicht
Progressive Web Apps sind, wie der Name schon sagt, Lösungen, die einige Aspekte von Apps für Webseiten nutzen. Bisher gibt es nur wenige Shops, die PWAs erfolgreich nutzen. Aktuell wird primär diskutiert, ob PWAs bereits sinnvoll eingesetzt werden können und bereit für die Praxis sind. Was in der Debatte komplett außen vor gelassen wird: Web-Entwickler haben sich bewusst für ihren Bereich in der IT entschieden und sind keine App-Entwickler. Durch PWAs werden sie jedoch zwangsweise zu App-Entwicklern, was einen vollkommen anderen Ansatz bedeutet.
Diese Komponente sorgt bei einigen Entwicklern zusätzlich für Frustration, die wir in den letzten Monaten verstärkt wahrgenommen haben. Magento-Entwickler weltweit bilden den Kern der Community, ohne die der Erfolg von Magento nicht möglich wäre. Der aktuelle Stand von PWAs erfordert ein sehr breites Wissen und umfangreiche Erfahrung, was die Hürde für den Einstieg von Frontend-Entwicklern in Magento sehr hoch setzt.
Wieso also nicht eine Lösung, die sich nicht nur an den Anforderungen von Nutzern orientiert, sondern zusätzlich die Bedürfnisse von Web-Entwickler und der Magento-Community berücksichtigt?
Good question. If I’d build my own site, I’d remove 50-75% of core modules.
— Willem_Wigman::tweets.phtml (@willemwigman) June 1, 2020
Then I’d create a blank theme and throw out literally _everything_.
I’d write each line of HTML and css, and enable only the modules I need.
I would only add JS if I’d need async actions or interactions.
Ihr wollt noch mehr über Hyvä erfahren?
Für einen Überblick über Hyvä haben wir aufunserer Hyvä Seite alle zentralen Informationen zusammengestellt. Darunter sind die Funktionsübersicht und was Hyvä Themes ausmacht.
Unser Hyvä Blog liefert detaillierte Informationen zu verschiedenen Themenbereichen des Magento Frontends. Hier kommen ständig neue Artikel zu Hyvä hinzu: Zu unserem Hyvä-Blog
Häufig gestellte Fragen zu Hyvä und die dazugehörigen Antworten gibt es in unseren FAQ. Neben Fragen zur Kompatibilität werden hier auch Fragen zu Checkout-Optionen beantwortet:
Ihr möchtet euer eigenes Hyvä-Projekt starten?
Wenn ihr auf der Suche nach einem technischen Partner seid, um ein Projekt mit einem Hyvä Themes oder Hyvä Checkout zu realisieren, dann freuen wir uns auf eure Kontaktaufnahme!