Hyvä is de standaardantwoord geworden op een veelgestelde vraag: “Hoe maken we onze Magento 2-winkel snel op mobiel?” Het vervangt de zware RequireJS en Knockout-stack van Luma door een slanke frontend gebouwd op Tailwind CSS en Alpine.js. Het resultaat is meestal veel minder JavaScript en veel betere Core Web Vitals.
Maar een Hyvä-migratie is een echt project, geen themawisseling. In deze gids leg ik uit wat het inhoudt, wat de kosten aandrijft, hoe lang het duurt en hoe je de fouten kunt vermijden die ik het vaakst zie.
Waarom winkels overstappen naar Hyvä
- Snelheid op echte apparaten. Minder JavaScript betekent snellere rendering en betere interactie naar de volgende verf op mid-range telefoons.
- Betere Core Web Vitals. Dit helpt zowel SEO als de conversieratio.
- Eenvoudigere frontend ontwikkeling. Tailwind en Alpine zijn eenvoudiger om mee te werken dan Knockout UI-componenten, waardoor wijzigingen minder tijd kosten.
- Een groeiend ecosysteem. Veel populaire extensieleveranciers leveren nu Hyvä-compatibele versies.
Is Hyvä geschikt voor jouw winkel?
Hyvä is een sterke keuze wanneer:
- Het grootste deel van je verkeer is mobiel
- Je Core Web Vitals falen zelfs na caching en beeldoptimalisatie
- Je bent van plan om nog enkele jaren op Magento 2 / Adobe Commerce te blijven.
- Je ontwerp is hoe dan ook aan een vernieuwing toe.
Het is misschien niet het juiste moment als je van plan bent om binnen een jaar te herplatformen, of wanneer de winkel afhankelijk is van veel extensies die geen Hyvä-ondersteuning hebben en allemaal maatwerk nodig zouden hebben.
Voordat je beslist, controleer Hyvä’s huidige licentie- en productopties op hun officiële website. Hun aanbod (thema, checkout, UI-bibliotheek en enterprise-opties) is in de loop der tijd veranderd, dus plan met actuele informatie.
Wat drijft de kosten
Elke offerte die je ontvangt, moet gebaseerd zijn op deze factoren:
- Aantal third-party extensies met een frontend. Elke extensie heeft een Hyvä compatibiliteitsmodule nodig, hetzij van de leverancier, de gemeenschap of op maat gemaakt. Dit is meestal de grootste variabele.
- Aangepaste frontendfuncties. Productconfigurators, aangepaste schuifregelaars, maatgidsen, B2B snelle-bestelformulieren en vergelijkbare functies moeten opnieuw worden opgebouwd in Alpine.js.
- Checkout keuze. Je kunt de Luma checkout behouden (het werkt via een fallback), Hyvä Checkout gebruiken, of een andere one-step checkout gebruiken. Elke optie heeft verschillende inspanningen en risico’s.
- Ontwerp. Een pixel-perfecte kopie van het oude ontwerp is vaak meer werk dan een gemoderniseerd ontwerp dat is gebaseerd op Hyvä-standaarden.
- Aantal winkelweergaven en talen. Meer winkelweergaven betekent meer testen.
Een realistische tijdlijn
Voor een typische middelgrote winkel verloopt een migratie vaak in deze fasen:
| Fase | Wat gebeurt er | Typische duur |
|---|---|---|
| Audit | Extensie-inventaris, aangepaste functieslijst, afrekenbeslissing | 1–2 weken |
| Basis thema | Header, footer, categorie, product, CMS-pagina’s | 3–6 weken |
| Extensies | Compatibiliteitsmodules en aangepaste herbouwingen | 2–6 weken |
| Afrekenen | Configuratie of integratie | 1–4 weken |
| QA en lancering | Cross-device testen, trackingcontroles, SEO-controles | 1–3 weken |
Kleinere winkels met weinig extensies kunnen veel sneller gaan. Grote multi-winkelopstellingen duren langer. Wees voorzichtig met elke offerte die niet begint met een extensie-audit.
Stapsgewijze migratiechecklist
1. Inventariseer alles
- Exporteer uw modulelijst en markeer elke module die de frontend beïnvloedt.
- Controleer elke leverancier op een officiële Hyvä-compatibiliteitsmodule.
- Lijst alle aangepaste sjablonen en JavaScript in je huidige thema
2. Beslis over de afrekenpagina
De checkout is waar de omzet plaatsvindt, dus wees conservatief. Veel teams lanceren Hyvä eerst op cataloguspagina’s en behouden de bestaande checkout, en upgraden de checkout in een tweede fase.
3. Bouw op een stagingomgeving met productiedata
Gebruik een geanonimiseerde kopie van de echte catalogus. Randgevallen zoals producten met 40 opties of zeer lange namen verschijnen alleen met echte gegevens.
4. Herbouwen, niet overzetten
Probeer niet om Knockout-componenten regel voor regel te vertalen. Bouw de functie opnieuw op de eenvoudigste manier met Alpine.js die aan de vereiste voldoet.
5. Bescherm je tracking
GA4-evenementen, Google Ads-conversies, Meta-pixel en toestemmingsbeheer zijn vaak gekoppeld aan Luma JavaScript. Lijst elk trackingevenement op en test elk evenement op het nieuwe thema voordat je lanceert.
6. Bescherm je SEO
- Houd URL’s, canonical tags, gestructureerde gegevens (Product, BreadcrumbList) en hreflang identiek.
- Vergelijk de weergegeven HTML van sleuteltemplates voor en na
- Voer een crawl uit op staging en vergelijk met productie
7. Meten na lancering
Vergelijk Core Web Vitals, conversieratio, toevoeging aan winkelwagentarief en gemiddelde bestelwaarde voor de vier weken voor en na de lancering. Gegevens van echte gebruikers in Search Console hebben ongeveer 28 dagen nodig om volledig te worden bijgewerkt.
Veelvoorkomende fouten
- Beginnen zonder een extensie-audit. Dit is hoe budgetten verdubbelen.
- Lanceren op een vrijdag of voor een verkoop. Laat ruimte voor oplossingen.
- Vergeten de admin-kant. Sommige extensies injecteren frontend-widgets via CMS-blokken of inhoud van de paginabouwer die ook gecontroleerd moeten worden.
- Prestaties negeren na lancering. Hyvä biedt je een snelle basis, maar een dozijn marketingscripts in Google Tag Manager kan het nog steeds vertragen.
Veelgestelde vragen
Kan ik migreren naar Hyvä zonder mijn ontwerp te veranderen?
Ja, maar een strikte 1:1 kopie kost meestal meer. Een lichte herontwerp dat gebruikmaakt van de componenten van Hyvä is vaak sneller en beter voor gebruikers.
Zal Hyvä al mijn snelheidproblemen oplossen?
Het lost de frontend-kant op. Als je volledige pagina-cache, database of hosting traag is, moet je die nog steeds oplossen. Zie mijn lijst met 12 veelvoorkomende oorzaken van een trage Magento 2-winkel.
Werkt Hyvä met Adobe Commerce?
Ja, Hyvä werkt zowel met Magento Open Source als Adobe Commerce. Controleer B2B en specifieke Adobe-functies aan de hand van Hyvä’s huidige compatibiliteitsdocumentatie.
Planning een Hyvä migratie?
Ik help teams bij het plannen en uitvoeren van Luma naar Hyvä migraties, te beginnen met een extensie-audit zodat je een realistisch budget krijgt voordat er code wordt geschreven. Bekijk mijn Magento 2 en Hyvä service of vraag een migratie-offerte aan.