Hyvä for Magento 2: fast frontend, Core Web Vitals and 3 real cases
What Hyvä is, how Hyvä Themes and Hyvä Checkout impact performance, Core Web Vitals and conversions. With real numbers from Motonice and Schermi Online.
Official Partner — Hyvä Themes & Hyvä Checkout.
Magento 2 is one of the most powerful e-commerce platforms on the market, but its legacy frontend (Luma) is also one of the heaviest. Hyvä is the community's answer: a brand-new theme built from scratch to be fast, easy to maintain and ready for Core Web Vitals.
In this article we explain what Hyvä is, how Hyvä Themes and Hyvä Checkout work, why they directly impact SEO and conversions, and we share the real results we measured on three projects: Motonice, Schermi Online.
What is Hyvä
Hyvä is an alternative frontend for Magento 2 / Adobe Commerce. It replaces the entire stack based on Knockout.js, RequireJS and LESS with a modern one: Tailwind CSS and Alpine.js. The result is a theme with a few KB of JavaScript, clean CSS and zero heavy dependencies.
Why it's so fast
- ~25 KB of JS shipped vs. hundreds of KB on Luma.
- No
RequireJS, nojQuery, no Knockout. - CSS generated with Tailwind: only the classes actually used.
- Fewer HTTP requests, less layout shift, less main-thread time.
Hyvä Themes (frontend)
Hyvä Themes ships the base theme, a system of ready-to-use UI components and the compatibility module that lets third-party Luma modules work seamlessly.
Hyvä Checkout
Hyvä Checkout is a headless React-based checkout, fully decoupled from the Magento frontend. It talks to Magento via GraphQL and offers:
- Smooth one-page experience, no reloads.
- Native support for major payment providers (Stripe, Adyen, PayPal, Klarna…).
- Mobile-first forms with real-time validation.
- Full customisation through React components.
Core Web Vitals and SEO
Google rewards fast experiences. Hyvä helps concretely on all three Core Web Vitals:
- LCP: hero and images render much earlier thanks to less blocking JS.
- INP: the main thread stays free, interactions feel instant.
- CLS: stable layout, no shifting blocks after load.
Google's official thresholds
To stay in the green and avoid losing ranking, each metric must hit the "Good" threshold at the 75th percentile of real traffic (CrUX).
| Metric | Good | Needs work | Poor |
|---|---|---|---|
| LCP · Largest Contentful Paint | ≤ 2.5s | 2.5 – 4s | > 4s |
| INP · Interaction to Next Paint | ≤ 200ms | 200 – 500ms | > 500ms |
| CLS · Cumulative Layout Shift | ≤ 0.1 | 0.1 – 0.25 | > 0.25 |
PageSpeed score in practice
- 0–49 (red): the store is penalised in mobile SEO and the experience frustrates users.
- 50–89 (orange): "passing for now" but it doesn't scale. Each new Luma module can push you back into red.
- 90–100 (green): the Hyvä zone. Instant interactions, hero in <1.5s on mobile 4G.
Every 100ms of checkout latency costs up to 7% in conversion (source: Akamai/Deloitte). The 3 seconds you shave off a red LCP are the highest-ROI investment on Magento 2.
Case studies: Motonice, Schermi Online
Three Hyvä migrations we ran end-to-end. Real numbers, measured with PageSpeed Insights and CrUX, before and after go-live.
Motonice — motorcycle parts, deep catalog
- PageSpeed mobile: 38 → 94
- LCP: 4.8s → 1.6s
- INP: 380ms → 120ms
- CLS: 0.21 → 0.02
- Conversion rate: +38%
Schermi Online — professional screens & displays
- PageSpeed mobile: 42 → 96
- LCP: 4.2s → 1.4s
- INP: 320ms → 95ms
- CLS: 0.18 → 0.01
- Conversion rate: +27%
When to choose Hyvä
Hyvä is the right choice if:
- You're on Magento 2 / Adobe Commerce and your Core Web Vitals are in the red.
- You want to cut frontend development costs in the medium term.
- You have a marketing team that needs to ship pages faster.
- You're planning a redesign: it's the perfect moment to migrate.
Our Hyvä service
At 1604 Lab we design, migrate and maintain Magento 2 stores with Hyvä Themes and Hyvä Checkout. Performance audit, design system, development, post-launch monitoring.