Wat is Hyvä? De complete gids voor Magento 2 in 2026

Wat is Hyvä? De complete gids voor Magento 2 in 2026

Magento 2 met de standaard Luma-theme stuurt vaak 3MB aan JavaScript naar de browser. Hyvä brengt dat terug naar ongeveer 100KB. Datzelfde verschil zien wij elke maand terug in conversie, bounce rate en serverkosten.

Hyvä is geen plugin en geen optimalisatietruc. Het is een complete vervanging van de Magento-frontend. In deze gids leggen we uit wat Hyvä precies is, waarom het bestaat, hoe het verschilt van Luma en PWA Studio, en wanneer je het wel of niet moet kiezen.

Deze gids is geschreven voor twee groepen: beslissers die willen weten wat Hyvä oplevert, en developers die willen weten hoe het onder de motorkap werkt.

Wat Hyvä precies is

Hyvä is een frontend-architectuur voor Magento 2. Het vervangt de hele presentatielaag van je webshop. De backend van Magento blijft volledig intact: producten, voorraad, prijzen, orders, betalingen en het admin-paneel veranderen niet.

Concreet vervangt Hyvä drie zware lagen van de standaard Magento-frontend:

• Knockout.js — het framework dat Luma gebruikt voor dynamische componenten zoals de minicart.
• RequireJS — de module-loader die tientallen losse JS-bestanden ophaalt.
• LESS + duizenden regels legacy CSS — vervangen door TailwindCSS.

In plaats daarvan gebruikt Hyvä Alpine.js voor interactie en TailwindCSS voor styling. Beide zijn klein, modern en goed gedocumenteerd. Het resultaat is een frontend die kleiner, sneller en eenvoudiger te onderhouden is.

Belangrijk: Hyvä is een theme, geen headless-oplossing. Je shop blijft server-side gerenderd via PHP en Magento's eigen templating. Je hebt geen aparte Node-server, geen GraphQL-laag en geen losse frontend-applicatie nodig.

Waarom Hyvä bestaat

De standaard Magento-frontend stamt uit 2015. Luma was ontworpen in een tijd waarin Knockout.js en RequireJS gangbaar waren. Tien jaar later is die architectuur traag, log en moeilijk te onderhouden.

Wij zien bij klanten met Luma steeds dezelfde problemen:

• Lighthouse-scores tussen de 20 en 40 op mobiel.
• 2 tot 4 MB JavaScript, waarvan het grootste deel ongebruikt.
• Een Largest Contentful Paint (LCP) van 4 tot 8 seconden.
• Frontend-development dat onnodig duur is door verouderde tooling.

Magento's eigen antwoord hierop was PWA Studio: een headless frontend op basis van React. In theorie een goede richting. In de praktijk te complex, te duur en te traag in adoptie. Veel bureaus liepen vast op de operationele last.

Willem Wigman, een Nederlandse Magento-developer, bouwde daarom Hyvä. Het uitgangspunt: behoud de kracht van Magento's backend, maar gooi de verouderde frontend volledig overboord. Geen headless-complexiteit, wel moderne performance. De eerste release was in 2020. In 2026 is Hyvä de de facto standaard voor nieuwe Magento-projecten.

De aanpak sloeg aan omdat hij pragmatisch is. Hyvä vraagt geen radicale herinrichting van je stack. Je Magento-team blijft werken met de tools die het al kent. De enige echte verschuiving zit in de frontend-laag, en die laag was nu juist het pijnpunt. Adobe (eigenaar van Magento Commerce) heeft Hyvä inmiddels als reseller in het ecosysteem opgenomen, wat de adoptie verder versnelt.

Hyvä vs Luma: de cijfers

Het verschil tussen Luma en Hyvä is niet marginaal. Het is een orde van grootte. Hieronder een vergelijking die wij in de praktijk terugzien.

Die ~100KB JavaScript en Lighthouse 95+ zijn geen marketingcijfers. Ze zijn het directe gevolg van het schrappen van Knockout en RequireJS. Minder code betekent minder parsing, minder render-blocking en een snellere checkout.

We hebben de meetmethode en de impact op Core Web Vitals uitgewerkt in onze performance-vergelijking tussen Hyvä en Luma. Voor de checkout specifiek zie je het effect op de conversie in deze analyse van Hyvä checkout versus Luma.

Hyvä vs PWA Studio: waarom geen headless?

PWA Studio en Hyvä lossen hetzelfde probleem op, maar met een totaal andere aanpak. Het belangrijkste verschil is architectuur.

PWA Studio is headless. De frontend is een React-applicatie die via GraphQL met Magento praat. Dat geeft theoretisch maximale flexibiliteit, maar de prijs is hoog:

• Een aparte Node.js-server om te hosten en te onderhouden.
• Een GraphQL-laag die voor elke feature moet worden uitgebreid.
• Twee codebases (PHP backend + JS frontend) in plaats van één.
• Veel langere development-tijd en hogere kosten.

Hyvä blijft server-side. De rendering gebeurt in PHP, net als altijd. Je houdt één codebase en één deployment. Voor 90% van de webshops is dat precies wat je wilt: de snelheid van een moderne frontend zonder de operationele last van headless.

We zeggen het eerlijk: Hyvä is niet "altijd beter dan headless". Het is beter voor de overgrote meerderheid van de shops die wij bouwen.

Hoe Hyvä technisch werkt

Voor developers is dit het interessante deel. Hyvä is bewust simpel gehouden.

<div x-data="{ open: false }">
  <button @click="open = !open">Menu</button>
  <nav x-show="open">...</nav>
</div>

Wil je weten hoe een migratie van een bestaande shop in zijn werk gaat? We hebben het stappenplan beschreven in Hyvä installeren op een bestaande Magento-shop.

Wanneer je Hyvä wel en niet kiest

Hyvä is voor ons de standaardkeuze bij nieuwe Magento 2-projecten. Maar het is niet altijd het juiste antwoord. Hier is onze eerlijke afweging.

• Je een nieuwe Magento 2-shop bouwt.
• Je huidige Luma-shop traag is en conversie kost.
• Je Core Web Vitals wilt halen voor SEO.
• Je frontend-onderhoud wilt vereenvoudigen en versnellen.

• Je shop binnen 6 maanden van platform wisselt. Dan is de investering niet rendabel.
• Je sterk leunt op veel niche-extensies zonder Hyvä-compatibility. Reken dan eerst de port-kosten door.
• Je net een grote frontend-investering in Luma hebt gedaan. Soms is wachten op een natuurlijk vernieuwingsmoment slimmer.

Een Hyvä-migratie is geen losse plugin die je aanzet. Het is een herbouw van je frontend. Dat kost tijd en budget, maar levert in onze projecten doorgaans 30 tot 60% snellere laadtijden en een meetbaar hogere conversie op.

Wat Hyvä oplevert in business-termen

Voor beslissers vertalen we de techniek naar resultaat. Snelheid is geen vanity metric; het raakt direct je omzet.

• Hogere conversie. Elke seconde snellere laadtijd verhoogt de conversie meetbaar. Wij zien na een Hyvä-migratie vaak 10 tot 20% meer conversie op mobiel.
• Betere SEO. Google weegt Core Web Vitals mee. Een Lighthouse-score van 95+ helpt je rankings, vooral op mobiel.
• Lagere serverkosten. Minder JavaScript en efficiëntere rendering betekenen minder serverbelasting per bezoeker.
• Goedkoper onderhoud. Moderne tooling (Tailwind, Alpine) betekent dat nieuwe features sneller te bouwen zijn. Minder uren, lagere kosten.

Wij zijn Hyvä Certified en bouwen al jaren productie-shops op deze architectuur. Wil je weten of Hyvä voor jouw shop rendeert? Neem contact met ons op — we rekenen de business case eerlijk voor je door, ook als het antwoord "nog niet" is.

Meer technische verdieping over Magento vind je op onze Magento-pagina.

Veelgestelde vragen

Is Hyvä een plugin voor Magento?

Nee. Hyvä is een complete frontend-architectuur die de standaard Luma-theme vervangt. Het is geen plugin die je naast Luma installeert. De Magento-backend blijft volledig intact; alleen de presentatielaag wordt vervangen.

Werkt Hyvä met mijn bestaande Magento-extensies?

Deels. Extensies die alleen backend-functionaliteit toevoegen werken gewoon. Extensies met eigen frontend-templates hebben een Hyvä-compatibility module nodig. Voor de meeste populaire extensies bestaan die al; voor de rest is een port nodig.

Hoeveel sneller is Hyvä dan Luma echt?

In de praktijk zien wij JavaScript dalen van 2–3 MB naar ongeveer 100 KB en Lighthouse-scores stijgen van 20–40 naar 90–100. Laadtijden gaan doorgaans 30 tot 60% omlaag. De exacte winst hangt af van je huidige setup.

Heb ik voor Hyvä een aparte Node-server nodig?

Nee. Anders dan PWA Studio of headless-oplossingen draait Hyvä server-side via PHP, net als de standaard Magento-frontend. Je hostingsetup verandert niet wezenlijk en je houdt één codebase.

Kan ik mijn bestaande Luma-shop naar Hyvä migreren?

Ja. Een bestaande shop migreren naar Hyvä is een herbouw van de frontend, niet van de hele shop. Producten, orders en data blijven staan. De doorlooptijd hangt af van het aantal templates en extensies. Wij rekenen de scope vooraf transparant door.