Hyvä para Magento 2: frontend rápido, Core Web Vitals y 3 casos reales
Qué es Hyvä, cómo Hyvä Themes y Hyvä Checkout impactan rendimiento, Core Web Vitals y conversiones. Con los números reales de Motonice y Schermi Online.
Partner oficial — Hyvä Themes & Hyvä Checkout.
Magento 2 es una de las plataformas e-commerce más potentes del mercado, pero su frontend histórico (Luma) es también uno de los más pesados. Hyvä es la respuesta de la comunidad: un tema nuevo construido desde cero para ser rápido, fácil de mantener y listo para los Core Web Vitals.
En este artículo explicamos qué es Hyvä, cómo funcionan Hyvä Themes y Hyvä Checkout, por qué impacta directamente en SEO y conversiones, y mostramos los resultados reales obtenidos en tres proyectos: Motonice, Schermi Online.
Qué es Hyvä
Hyvä es un frontend alternativo para Magento 2/Adobe Commerce. Sustituye toda la pila basada en Knockout.js, RequireJS y LESS por un stack moderno: Tailwind CSS y Alpine.js. El resultado es un tema con pocos KB de JavaScript, CSS limpio y cero dependencias pesadas.
Por qué es tan rápido
- ~25 KB de JS en página frente a cientos de KB de Luma.
- Sin
RequireJS, sinjQuery, sin Knockout. - CSS generado con Tailwind: solo las clases realmente usadas.
- Menos peticiones HTTP, menos layout shift, menos main thread bloqueado.
Hyvä Themes (frontend)
Hyvä Themes incluye el tema base, un sistema de componentes UI listos para usar y el compatibility module que permite hacer funcionar módulos de terceros pensados para Luma.
Hyvä Checkout
Hyvä Checkout es un checkout headless basado en React, totalmente desacoplado del frontend Magento. Se comunica con Magento vía GraphQL y ofrece:
- Experiencia one-page, fluida, sin recargas.
- Soporte nativo a los principales proveedores de pago (Stripe, Adyen, PayPal, Klarna…).
- Formularios optimizados para móvil, validación en tiempo real.
- Personalización completa con componentes React.
Core Web Vitals y SEO
Google premia las experiencias rápidas. Hyvä ayuda de forma concreta en los tres Core Web Vitals:
- LCP: hero e imágenes renderizadas mucho antes gracias al menor JS bloqueante.
- INP: el main thread queda libre, las interacciones son inmediatas.
- CLS: layout estable, nada de bloques que se desplazan tras la carga.
Los umbrales oficiales de Google
Para estar en verde y no perder ranking, cada métrica debe cumplir el umbral "Bueno" en el percentil 75 del tráfico real (CrUX).
| Métrica | Bueno | Mejorable | Insuficiente |
|---|---|---|---|
| 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 |
El score PageSpeed en la práctica
- 0–49 (rojo): la tienda se penaliza en SEO móvil, la experiencia frustra al usuario.
- 50–89 (naranja): zona "pasa por ahora" pero no escala. Cada nuevo módulo Luma puede devolverte al rojo.
- 90–100 (verde): zona Hyvä. Interacción inmediata, hero en <1,5s en móvil 4G.
Cada 100ms de latencia en checkout cuesta hasta un 7% de conversión (fuente: Akamai/Deloitte). Los 3 segundos que recortas a un LCP rojo son la inversión con mayor ROI en Magento 2.
Casos de estudio: Motonice, Schermi Online
Tres migraciones a Hyvä que hemos seguido directamente. Números reales, medidos con PageSpeed Insights y CrUX, antes y después del go-live.
Motonice — recambios de moto, catálogo amplio
- PageSpeed mobile: 38 → 94
- LCP: 4.8s → 1.6s
- INP: 380ms → 120ms
- CLS: 0.21 → 0.02
- Tasa de conversión: +38%
Schermi Online — pantallas y displays profesionales
- PageSpeed mobile: 42 → 96
- LCP: 4.2s → 1.4s
- INP: 320ms → 95ms
- CLS: 0.18 → 0.01
- Tasa de conversión: +27%
Cuándo elegir Hyvä
Hyvä es la elección correcta si:
- Estás en Magento 2 / Adobe Commerce y los Core Web Vitals están en rojo.
- Quieres reducir los costes de desarrollo frontend a medio plazo.
- Tienes un equipo de marketing que quiere moverse más rápido en las páginas.
- Estás planificando un rediseño: es el momento perfecto para migrar.
Nuestro servicio Hyvä
En 1604 Lab diseñamos, migramos y mantenemos tiendas Magento 2 con Hyvä Themes y Hyvä Checkout. Audit de rendimiento, design system, desarrollo, monitorización post-lanzamiento.