Magento 2 Hyvä

Hyvä è il tema frontend per Magento 2 progettato per offrire prestazioni elevate, tempi di caricamento ridotti e una migliore esperienza utente.

In questo articolo parliamo di Hyvä Themes, la tecnologia di frontend attualmente più accreditata per la creazione di vetrine Magento 2 veloci e performanti. Descriviamo in cosa consiste Hyvä e i vantaggi della sua adozione. Approfondiamo anche le componenti di Hyvä, come Hyvä UI e Hyvä Checkout e parliamo della licenza Hyvä Enterprise per Adobe Commerce. Infine, trattiamo della Community Hyvä e delle questioni di compatibilità tra Hyvä e i moduli di terze parti.

• Che cos’è Hyvä?
• Perché Hyvä offre alte prestazioni?
• Quali benefici si ottengono con Hyvä?
• Semplificazione dello sviluppo
• Miglioramento dell’esperienza di sviluppo
• Come ottenere Hyvä?
• Quale versione di Magento supporta Hyvä?
• Compatibilità con estensioni di terze parti
• La Community Hyvä
• Hyvä UI 
• Hyvä Checkout 
• Hyvä Enterprise
• Case Study Hyvä
• Conviene passare a Hyvä su Magento 2?
• Creare una nuova esperienza di frontend con Hyvä

Che cos’è Hyvä?

Ideata da Willem Wigman, Hyvä rappresenta una vera rivoluzione nello sviluppo di temi per Magento 2, offrendo un’alternativa innovativa rispetto all’approccio frontend standard della piattaforma.

Questa tecnologia trasforma in modo radicale il frontend di Magento 2, garantendo prestazioni nettamente superiori rispetto a quelle ottenibili con un tema basato su Luma.

Perché Hyvä offre alte prestazioni?

Le elevate prestazioni offerte da Hyvä derivano dallo stack tecnologico utilizzato nella sua realizzazione, che consente un’ottimizzazione significativa dei tempi di caricamento delle pagine.

Vediamo più nel dettaglio come Hyvä agevoli lo sviluppo di frontend altamente performanti per Magento 2.

Hyvä ottimizza innanzitutto la gestione delle risorse JavaScript e CSS, che rappresentano spesso una delle principali cause di rallentamento nei siti basati su Magento. Invece di fare affidamento su librerie come RequireJS, jQuery e KnockoutJS — ampiamente utilizzate nel tema Luma — Hyvä adotta il moderno framework AlpineJS. Grazie all’uso di AlpineJS, la quantità di JavaScript presente nella pagina si riduce drasticamente, così come il numero di richieste di rete, con un conseguente miglioramento significativo dei tempi di caricamento e rendering delle pagine.

In Hyvä, l’ottimizzazione delle pagine coinvolge anche un significativo alleggerimento dei fogli di stile. Il tema adotta infatti il framework CSS Tailwind CSS, che consente una riduzione sostanziale del peso dei CSS nel frontend.

Un ulteriore elemento chiave in ottica di performance è l’utilizzo esteso dei ViewModel di Magento e la rimozione dei blocchi di layout non necessari, interventi che contribuiscono a rendere il frontend più leggero, rapido da caricare e più efficiente nel rendering.

Hyvä sostituisce quindi l’output predefinito di Magento 2 con una struttura più snella e performante, migliorando le prestazioni complessive del sito e offrendo un’esperienza di navigazione decisamente più fluida e veloce.

Quali benefici si ottengono con di Hyvä?

Hyvä consente, prima di tutto, di realizzare negozi online con prestazioni di velocità eccezionali.

Se con il tema predefinito Luma di Magento può risultare complesso ottenere punteggi elevati nei test di velocità di Google, con Hyvä diventa più semplice raggiungere risultati eccellenti su Google PageSpeed e Core Web Vitals, sia in versione desktop che mobile.

Le prestazioni di un sito sono fondamentali: incidono in modo significativo sia sul posizionamento nei motori di ricerca sia sui tassi di conversione. Poiché la velocità è un fattore chiave per il ranking su Google, ottimizzare i tempi di caricamento delle pagine contribuisce a migliorare la visibilità del sito. Inoltre, i siti ad alte prestazioni tendono a registrare tassi di abbandono inferiori e garantiscono una migliore esperienza utente, favorendo così un incremento delle conversioni.

I vantaggi offerti da Hyvä non si esauriscono nell’adozione di un frontend ad alte prestazioni: comprendono anche una significativa semplificazione dello sviluppo e un miglioramento dell’esperienza per gli sviluppatori, aspetti che approfondiremo nei paragrafi successivi.

Semplificazione dello sviluppo

Con Hyvä Themes, lo sviluppo di siti e-commerce Magento diventa più semplice e veloce rispetto a una soluzione headless. L’integrazione diretta con Magento e la minore complessità del frontend permettono di ottenere ottimi risultati in termini di velocità e usabilità, con un impegno tecnico ridotto. Al contrario, le soluzioni headless richiedono una conoscenza avanzata e un’architettura decisamente più complessa.

Miglioramento dell’esperienza di sviluppo

Hyvä introduce tecnologie moderne che semplificano e velocizzano lo sviluppo del frontend rispetto al tema predefinito Luma di Magento. L’impiego di strumenti come AlpineJS e Tailwind CSS consente di migliorare l’efficienza nella scrittura del codice, aumentando la produttività e rendendo l’esperienza di sviluppo più fluida.

Inoltre, poiché Hyvä adotta il sistema di layout XML di Magento 2, gli sviluppatori con esperienza nel frontend standard della piattaforma possono adattarsi facilmente, sfruttando le competenze già acquisite. Questo agevola la transizione verso Hyvä e permette di integrare nuove pratiche di sviluppo senza rinunciare alla familiarità con la struttura di Magento.

Hyvä rappresenta quindi non solo una scelta vantaggiosa per i commercianti che desiderano migliorare le prestazioni e l’usabilità dei propri eCommerce, ma anche un’opportunità preziosa per gli sviluppatori.

La comunità di Hyvä, dinamica e in costante espansione, è una testimonianza concreta del valore e dell’apprezzamento che questa soluzione sta riscuotendo nel settore.

Come ottenere Hyvä?

Per scaricare e installare Hyvä è necessario acquistare una licenza al costo di 1.000 €.

Questa licenza è valida per un’installazione Magento e consente l’uso su un numero illimitato di domini e negozi.

Con l’acquisto della licenza Hyvä, si ottengono i seguenti vantaggi:

• Aggiornamenti illimitati;
• Accesso completo al codice dei temi Hyvä tramite Private Packagist e Gitlab;
• Accesso a moduli di compatibilità per estensioni di terze parti;
• Supporto e accesso alla Community sul canale Slack privato Hyvä.

A partire da febbraio 2022 l’accesso alla documentazione online Hyvä è pubblico.

Per restare aggiornati sulle versioni rilasciate e le nuove funzionalità introdotte da Hyvä, è disponibile il changelog ufficiale, costantemente aggiornato dalla community e dal team di sviluppo. Un riferimento importante per tenere traccia dell’evoluzione del tema, dei miglioramenti delle performance e delle correzioni apportate versione dopo versione.

Quale versione di Magento supporta Hyvä?

Il tema Hyvä è compatibile con Magento 2.4.0 e versioni successive. Pertanto, i commercianti che utilizzano una versione precedente dovranno aggiornare il proprio sistema per poter adottare il tema Hyvä.

Una panoramica completa delle funzionalità di Magento Open Source supportate è disponibile all’indirizzo:
https://hyva.io/hyva-themes-feature-matrix

Come si può osservare, il tema Hyvä supporta la quasi totalità delle funzionalità di Magento Open Source.

Compatibilità con estensioni di terze parti

Considerando che quasi tutti i siti Magento integrano moduli di terze parti, è fondamentale comprendere la loro compatibilità immediata con Hyvä.

Per garantire un funzionamento ottimale con Hyvä, le estensioni Magento 2 devono essere generalmente adattate allo stack tecnologico del tema.

A tale scopo, si rendono necessari specifici moduli di compatibilità che adattano il JavaScript e il CSS dei moduli creati per Luma in AlpineJS e Tailwind CSS.

È importante notare che le questioni di compatibilità riguardano principalmente la parte frontend dei moduli, escludendo la parte amministrativa e, in generale, il backend delle estensioni.

Hyvä è già ampiamente supportato da tutti i principali fornitori di moduli Magento, tra cui Amasty, Mirasvit, MageWorx, Magefan, Aheadworks e molti altri. Attualmente, oltre 1.000 moduli Magento di più di 25 vendor sono già compatibili con Hyvä. L’interesse crescente da parte della community Magento ha spinto questi fornitori a sviluppare rapidamente versioni compatibili delle loro estensioni, con un numero di moduli supportati in costante aumento. Hyvä si conferma così il front-end di riferimento per i siti Magento moderni.

Per monitorare lo stato delle estensioni compatibili con Hyvä, è disponibile il Module Tracker ufficiale su GitLab, che elenca i moduli già compatibili e quelli attualmente in fase di sviluppo.

La Community Hyvä

Ormai popolarissimo all’interno dell’ecosistema Magento, Hyvä si è affermato come la tecnologia di punta per lo sviluppo delle vetrine online, grazie alla sua capacità di innovare e migliorare significativamente l’esperienza utente e le prestazioni dei siti e-commerce. La sua crescente diffusione è testimoniata non solo dall’aumento costante di sviluppatori e commercianti attivi nella community, ma anche dall’adozione da parte di marchi di rilievo per i propri store digitali. Inoltre, il team di Hyvä è cresciuto nel tempo, arricchendosi di figure di spicco che contribuiscono a rafforzare ulteriormente la fiducia del mercato in questa soluzione.

Hyvä dispone di un canale Slack dedicato attraverso il quale i membri della comunità possono partecipare a discussioni, ricevere aggiornamenti, fare domande e collaborare con altri utenti e sviluppatori di Hyvä.

Oggi Hyvä è protagonista nei principali eventi dell’ecosistema Magento: dai tradizionali Hyvä Meetups alle conferenze internazionali come Meet Magento, Mage-OS e molte altre fiere e appuntamenti di settore. Questi eventi rappresentano momenti chiave di confronto, aggiornamento e networking, contribuendo a rafforzare e far crescere costantemente la community di Hyvä.

Hyvä UI

Hyvä UI è una libreria di componenti di interfaccia utente inclusa gratuitamente con la licenza del tema Hyvä, specificamente progettata per accelerare e semplificare lo sviluppo dei negozi Magento 2 basati su Hyvä. La libreria fornisce componenti pre-costruiti e pronti all’uso, compatibili con i temi Hyvä, che facilitano il lancio rapido di negozi Magento 2 realizzati utilizzando questo tema.

È possibile consultare la lista completa dei componenti disponibili oppure accedere a una video presentazione della libreria per scoprirne in dettaglio caratteristiche e vantaggi.

Hyvä Checkout

Hyvä Checkout è una componente dell’ecosistema Hyvä sviluppata per migliorare l’esperienza di checkout nei negozi Magento 2 che utilizzano i temi Hyvä. 

Per l’acquisto di Hyvä Checkout sono disponibili due opzioni:

• Un abbonamento annuale di 250 € con l’inizio del pagamento a partire dal secondo anno.
• Un pacchetto all-in con un pagamento unico di 1.000 €, valido per cinque anni.

La licenza Hyvä Checkout, che attualmente richiede una licenza attiva del tema Hyvä, include un anno di supporto e aggiornamenti, ed è valida per un’installazione di Magento 2 su un numero illimitato di domini e store view.

Per una panoramica delle funzionalità di Hyvä Checkout e dei metodi di pagamento supportati, è possibile consultare la Hyvä Checkout Feature Matrix

Hyvä Enterprise

Per chi utilizza Adobe Commerce, è disponibile una licenza Hyvä Enterprise dedicata.

Questa licenza, riservata a chi possiede già una licenza Hyvä attiva, ha un costo di 2.500 € all’anno e copre numerose funzionalità della piattaforma Adobe, tra cui Adobe Sensei e il modulo B2B.

Uno dei progetti Hyvä più importanti da noi realizzati è il sito www.zenzeroshop.it. Con una vetrina basata su Luma, Zenzeroshop necessitava di un rinnovamento per offrire ai suoi clienti una migliore user experience. Il passaggio a Hyvä, la cui case study può essere letta a questo link, ha consentito un significativo miglioramento tecnologico oltre a un netto miglioramento di tutti i KPI.

Un altro progetto di rilievo è il nuovo sito e-commerce per Nitecore Italia, sviluppato su Magento 2 con tema Hyvä. Il redesign completo, unito alla migrazione a Hyvä, ha portato a un’elevata ottimizzazione delle performance, una UX più fluida su dispositivi mobile e un miglioramento misurabile degli indicatori chiave. Anche questa case study è consultabile a questo link

Conviene passare a Hyvä su Magento 2?

Sì. Hyvä migliora la velocità del sito, semplifica lo sviluppo frontend e consente di ottenere punteggi più alti su Google PageSpeed e Core Web Vitals. Inoltre, riduce il carico di JavaScript e CSS rispetto al tema Luma, migliorando l’esperienza utente e aumentando i tassi di conversione.

Creare una nuova esperienza di frontend con Hyvä

Hyvä è attualmente la soluzione più efficace per l’implementazione di frontend performanti in Magento 2, offrendo una velocità di caricamento delle pagine significativamente superiore rispetto al tema Luma.

Per i siti Magento 2 aggiornati alla versione 2.4.0 o successiva, l’adozione di questo tema innovativo consente di sfruttare appieno le potenzialità della piattaforma, migliorando sia le performance che l’esperienza utente.

Advanced Logic, Adobe Solution Partner con sviluppatori Magento certificati, è orgogliosa di essere un Partner Ufficiale Hyvä. La nostra profonda competenza in Magento ci consente di realizzare siti di alta qualità utilizzando i temi Hyvä, unendo esperienza tecnica e innovazione per rispondere al meglio alle esigenze dei nostri clienti.

Contattaci per un preventivo gratuito