Hyvä vs. Luma: Magento 2-frontendprestaties vergeleken (2026)

Hyvä vervangt het Luma-frontend van Magento 2 (Knockout.js + RequireJS + LESS) door Alpine.js en Tailwind CSS. In de praktijk verlaagt dit de verzonden JavaScript met 90% of meer en tilt de mobiele Lighthouse doorgaans van 30 naar 90+. Luma is alleen de juiste keuze als verouderde module-interfaces de migratie blokkeren.

Belangrijkste punten

• JavaScript-gewicht: Luma verzendt ~400-900 KB JS (RequireJS + Knockout); Hyvä ~30-60 KB (Alpine.js).
• Lighthouse mobiel: Luma-winkels scoren meestal 25-45; goed gebouwde Hyvä-winkels 90+.
• Core Web Vitals: Hyvä maakt het halen van LCP en INP realistisch zonder aparte PWA/headless-stack.
• Wanneer Luma blijft: alleen bij sterke afhankelijkheid van externe modules met enkel een Knockout-interface.

Waarom Luma standaard traag is

Het renderpad van Luma laadt eerst RequireJS, lost tientallen AMD-modules op en hydrateert daarna Knockout-viewmodels voordat de pagina interactief is. Zelfs op een geoptimaliseerde server doet de browser veel main-thread-werk — precies wat Google's INP-metriek bestraft.

Wat Hyvä verandert

Hyvä is een server-gerenderd thema. De markup komt kant-en-klaar aan, Tailwind verzendt alleen de gebruikte classes en Alpine.js voegt kleine eilanden van interactiviteit toe. Geen RequireJS-graaf en geen hydration. Het resultaat: een veel kleiner kritiek pad en veel minder main-thread-blokkering.

Migratiekosten (eerlijk)

Hyvä is geen drop-in-wissel. Maatwerk-theming en elke module met een Knockout-interface moeten als Hyvä-compatibele componenten worden herbouwd. Voor een middelgrote winkel is dat doorgaans 3-8 weken engineering, gedomineerd door checkout en maatwerk-PDP/PLP-logica. De winst is blijvend: snellere pagina's en een frontend dat je team echt begrijpt.

Beslis-checklist

• Mobiele Lighthouse onder 50 en conversie vlakt af → migreer naar Hyvä.
• Weinig/geen Knockout-modules van derden → migratie is laag risico.
• Vastzittend aan een module met enkel een Knockout-interface → reserveer budget voor een compatibiliteitsherbouw of blijf kortetermijn bij Luma.

We hebben Velgrina's winkel met 13 maatwerkmodules op Hyvä herbouwd. Voor een frontend-audit vóór de keuze kwantificeert onze systeemarchitectuur-audit het gat, of vraag een offerte aan.

Veelgestelde vragen

Is Hyvä sneller dan Luma?

Ja. Hyvä verzendt ongeveer 90% minder JavaScript dan Luma door RequireJS en Knockout.js te vervangen door Alpine.js en Tailwind. Productiewinkels gaan na migratie meestal van mobiele Lighthouse-scores rond 30 naar 90+.

Hoe lang duurt een Hyvä-migratie?

Voor een middelgrote Magento 2-winkel doorgaans 3 tot 8 weken engineering. Het grootste deel gaat naar het herbouwen van checkout en maatwerk- of externe modules met een Knockout-interface.

Wanneer moet ik bij Luma blijven in plaats van Hyvä?

Blijf bij Luma als je afhankelijk bent van externe modules waarvan de interface alleen als Knockout-component bestaat en een compatibiliteitsherbouw nog niet gerechtvaardigd is. Anders is Hyvä de sterkere keuze voor prestaties en onderhoudbaarheid.

Helpt Hyvä met Core Web Vitals?

Ja. Door het RequireJS/Knockout-renderpad te verwijderen vermindert Hyvä het main-thread-werk, wat INP en LCP direct verbetert. Het maakt het halen van Core Web Vitals realistisch zonder een aparte headless- of PWA-stack.