Bij X-com zijn wij altijd op zoek naar de beste oplossingen voor onze klanten. Innovatie is dan ook een van onze kernwaarden. Om onze klanten nog beter te helpen, gingen we op zoek naar een nog betere oplossing. We willen onze klanten oplossingen bieden die de optimale snelheid kunnen leveren aan de webshops (aan de front-end kant, dus client-side), wat een positief effect heeft op de posities binnen zoekmachines. Ook zijn niet alle technieken even makkelijk om mee te werken, waardoor specialistische kennis vereist is. Alternatieven in de markt zijn er wel, zoals PWA. Hierover lees je meer onder het kopje ‘Alternatief: PWA’.

Onze developers Mike en Yoeri deden grondig onderzoek naar een beter alternatief. Ze doken diep de materie in, brachten de voordelen in kaart en hebben uitvoerig uitgetest. Na een weloverwogen keuze te maken, kwamen ze uit bij de nieuwe front-end e-commerce oplossing: Hyvä Themes.

Wat is Hyvä Themes?

Hyvä Themes is een nieuwe open source softwareoplossing voor de Magento storefront. Deze oplossing biedt succesvolle prestaties met een eenvoudig ontwerp. Hyvä Themes is ontworpen met het doel om minder complex te zijn in ontwikkeling en kwaliteit en hoge performance te bieden. Een brede community werkt mee aan de verdere ontwikkeling van Hyvä, waardoor het steeds beter wordt. Hyvä maakt het mogelijk om eenvoudig een unieke gebruikersinterface te ontwerpen met flexibele Magento-thema’s. Deze is gebaseerd op TailwindCSS en AlpineJS. Een technisch verhaal waar wij erg vrolijk van worden

Waarom kozen wij voor Hyvä Themes?

Wij maakten de keuze om met Hyvä Themes te gaan werken voor sommige klanten. Dit heeft verschillende redenen. Er zitten namelijk veel voordelen aan deze toepassing van Magento 2. Zo biedt het uitstekende snelheidsprestaties, heeft het een hogere flexibiliteit en daarnaast ook een hoge ontwikkelsnelheid.

Snelheidsprestaties

Een groot voordeel is de snelheidsprestaties, ook wel performance genoemd. Als het gaat om webpagina’s, is snelheid cruciaal bij het bepalen van de plek in de ranking. De snelheid van webshops en websites zijn belangrijk om gevonden te worden in zoekmachines zoals Google, maar ook voor de gebruikservaring van de bezoekers. De Core Web Vitals worden namelijk inzichtelijk gemaakt via Lighthouse en hierbij is de snelheid doorslaggevend. Hyvä Themes is juist ontwikkeld voor een hoge score. Binnen de architectuur van de oplossing is hier ontzettend veel aan geoptimaliseerd. Magento daarentegen is een zeer compleet en volwassen e-commerce platform, maar staat niet bekend om de hoge performance.

Flexibiliteit

Hyvä Themes kent veel mogelijkheden en maakt gebruik van moderne development technieken, zoals Tailwind en Alpine. Hyvä is gebaseerd op AlpineJS en levert daarbij een uitstekend ontwerp zonder moeilijkheden. Ook zijn de technieken makkelijk in gebruik tegenover Magento, omdat er minder specialistische kennis benodigd is.

Ontwikkelsnelheid

Op termijn is de ontwikkelsnelheid van Hyvä Themes een stuk sneller ten opzichte van andere platformen. Echter zijn sommige derde partijen momenteel nog niet compatible. Hier werken steeds meer partijen aan, zoals MageMe, MageWorx en Mirasvit, zodat hun modules geschikt zijn voor Hyvä Themes.

Kortom, we bieden onze klanten met Hyvä meer toegevoegde waarde voor scherpere budgetten.

Alternatief: PWA

Het is uiteraard afhankelijk van het bedrijf en de situatie, welke van de softwareoplossingen het beste is. Hyvä Themes is over het algemeen sneller, makkelijker om mee te werken, vriendelijker in onderhoud en beter voor SEO. Maar PWA is ook een goed alternatief, afhankelijk van de situatie. Maar wat is PWA? PWA (Progressive Web App) is een headless webapplicatie die eigenlijk bestaat uit een combinatie van een webshop en een web app. De PWA kan geïnstalleerd worden vanuit een browser als een app, waarbij de gebruiker het logo van jouw webshop ziet als pictogram geheel in jouw huisstijl. De inhoud wordt volledig overgenomen van de webshop (backend), maar dan in de vorm van de app (frontend). PWA is voornamelijk gefocust op de gebruikerservaring, terwijl Hyvä zich vooral richt op de snelheid en het gebruik van minimale code. De nadelen van PWA zijn voornamelijk dat de ontwikkeltijd vrij kostbaar is en er specifieke kennis benodigd is. Bovendien zijn er meer uitdagingen op het gebied van SEO. Hyvä Themes daarentegen is korter in ontwikkeltijd en een stuk makkelijker om mee te werken.

Developer aan het woord

We vroegen onze front-end developer Mike Steeghs naar zijn ervaring met Hyvä Themes; “Met Hyvä Themes hebben we eindelijk een oplossing gevonden die aan onze performance eisen kan voldoen. Standaard Magento front-end moet nogal geoptimaliseerd worden voor een hoge lighthouse score. Naast deze verbetering in performance, kunnen we nu ook met nieuwere technieken werken. Waar voorheen jQuery, KnockoutJS en LESS gebruikt werd, maken we nu gebruik van AlpineJS en TailwindCSS.

De oude technieken brachten nogal veel overhead met zich mee, wat ook een reden was van de slechte performance. Hyvä Themes is erop gericht om zo min mogelijk overbodige code in te laden op iedere pagina. In de ideale wereld laad je enkel code in die ook gebruikt wordt op een pagina, maar dat is in praktijk niet altijd mogelijk.

Een ander voordeel van deze nieuwe technieken is dat ze vrij eenvoudig te leren zijn. AlpineJS is een lichtgewicht JavaScript framework waarbij je veel gebruik maakt van Vanilla JavaScript. Ondanks dat het lichtgewicht is, is het toch erg flexibel en veelzijdig in gebruik. TailwindCSS is een framework waardoor je styling op basis van classes in je HTML kunt doen. Ondanks dat dit de HTML rommelig kan maken en wellicht wat minder vrijheid geeft, is het wel een snelle manier waarbij minder problemen ontstaan in de CSS dan voorheen.

De overstap van standaard Magento naar Hyvä Themes was ook een leuke uitdaging waarbij we uiteindelijk tegen weinig problemen zijn aangelopen. Van nieuwe technieken word ik altijd wel enthousiast en deze zorgen er dus ook voor dat developers met minder ervaring gemakkelijker met Magento aan de slag kunnen.”

Op naar meer succes

Met deze nieuwe front-end oplossing hopen wij onze klanten nóg beter van dienst te kunnen zijn. Met veel plezier werken we verder aan het succes van onze klanten door middel van Hyvä Themes.

Kan ik je helpen?

Hi, ik ben Loek. Head of E-commerce van X-com. Ik vertel je graag meer over wat e-commerce voor jouw bedrijf kan betekenen.

Neem contact op

Of bel me op: 088 0110900

Onze nieuwe front-end e-commerce oplossing: Hyvä Themes