Magento 2 Hyvä

In questo articolo parliamo di Hyvä Themes, la tecnologia di frontend attualmente più accreditata per la creazione di vetrine Magento 2 veloci e performanti. Oltre a descrivere in cosa consiste Hyvä e come installarlo, indichiamo quali sono i vantaggi della sua adozione. Parliamo inoltre 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ä?
• Manutenzione semplificata
• Migliore esperienza di sviluppo
• Come ottenere Hyvä?
• Quale versione di Magento supporta Hyvä?
• Compatibilità con estensioni di terze parti
• La Community Hyvä
• Creare una nuova esperienza di frontend con Hyvä

Che cos'è Hyvä?

Creata da Willem Wigman, Hyvä è una tecnologia innovativa per la creazione di temi Magento 2 alternativa a quella standard Magento.

Hyvä rinnova totalmente il frontend base di Magento 2 consentendo di ottenere prestazioni nettamente superiori a quelle offerte da un tema basato su Luma.

Perché Hyvä offre alte prestazioni?

Le elevate prestazioni offerte da Hyvä dipendono dallo stack tecnologico con cui è stato costruito che migliora notevolmente i tempi di caricamento delle pagine.

Vediamo nel dettaglio come Hyvä permette di implementare frontend Magento 2 altamente performanti.

Hyvä ottimizza anzitutto la gestione delle risorse JavaScript e CSS che sono spesso una delle principali cause di rallentamento dei siti Magento.

Al posto delle librerie JavaScript RequireJS, jQuery, KnockoutJS utilizzate in Luma, Hyvä utilizza il moderno framework JavaScript AlpineJS. Con AlpineJS, la quantità di JavaScript presente nella pagina si riduce notevolmente, così come il numero di richieste di rete per pagina.

In Hyvä, la pagina è alleggerita in modo significativo anche dal punto di vista dei CSS. Hyvä utilizza infatti il framework CSS Tailwind CSS, che permette di diminuire il peso del CSS presente nel frontend di oltre il 90% rispetto a Luma.

Un altro rilevante fattore di ottimizzazione riguarda l'uso esteso dei ViewModels di Magento e la rimozione dei blocchi di layout non necessari.

Hyvä sostituisce dunque l'output predefinito Magento 2 con uno più efficiente, migliorando le prestazioni del sito e consentendo una navigazione più veloce ed efficiente.

Quali benefici si ottengono con Hyvä?

Il primo vantaggio derivante dall'utilizzo di Hyvä riguarda dunque la possibilità di realizzare negozi online particolarmente veloci.

Se con Luma è difficile raggiungere punteggi alti nei test di velocità di Google, con Hyvä è invece possibile ottenere facilmente punteggi elevati Google PageSpeed e Core Web Vitals sia per la versione desktop che mobile.

Le prestazioni di un sito sono un aspetto particolarmente rilevante in quanto hanno un impatto significativo sul posizionamento sui motori di ricerca e sulle conversioni.

Poiché la velocità del sito è un importante fattore di ranking, l'ottimizzazione dei tempi di caricamento delle pagine ha un effetto positivo sul posizionamento in Google.

I siti ad alte prestazioni, mentre offrono una migliore esperienza utente, registrano poi un tasso di abbandono più basso rispetto ai siti a basse prestazioni. Con un risultato: la velocità del sito incide positivamente anche sul tasso di conversione.

I vantaggi offerti da Hyvä non riguardano peraltro solo la possibilità di implementare un frontend performante, ma anche la semplificazione della manutenzione del sito e il miglioramento dell'esperienza di sviluppo, come vedremo in seguito.

Manutenzione semplificata

Poiché Hyvä sostituisce completamente il frontend predefinito Magento 2, gli aggiornamenti di Magento non influenzano direttamente il tema del sito. Pertanto, il lavoro di manutenzione del tema risulta semplificato rispetto a quello di un sito basato su Luma.

Migliore esperienza di sviluppo

Utilizzando Hyvä, gli sviluppatori possono beneficiare di strumenti di sviluppo web più moderni rispetto a quelli utilizzati con il tema predefinito Luma. Ciò comporta un miglioramento dell'esperienza di sviluppo e una maggiore efficienza nella scrittura del codice.

Peraltro, poiché Hyvä utilizza il sistema di layout XML di Magento 2, gli sviluppatori possono sfruttare l'esperienza già acquisita con il frontend standard di Magento 2.

Hyvä rappresenta dunque non solo un'opzione interessante per i commercianti, ma anche per gli sviluppatori. La crescente comunità di Hyvä dimostra del resto quanto sia apprezzata questa soluzione nel settore. 

Come ottenere Hyvä?

Per scaricare e installare Hyvä è richiesto l'acquisto di una licenza del costo di 1.000 €.

Valida per un'installazione Magento con un numero illimitato di siti e domini, la licenza Hyvä include:

• 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.

Quale versione di Magento supporta Hyvä?

Il tema Hyvä richiede l'utilizzo di Magento 2.4.0 o versioni successive. Pertanto, i Merchant che utilizzano versioni precedenti di Magento dovranno aggiornare il loro sistema per poter utilizzare il tema Hyvä.

Sebbene l'implementazione di alcune funzionalità di Adobe Commerce sia ancora in corso, pressoché la totalità delle funzioni di Magento Open Source è già supportata dal tema Hyvä.

La pagina https://Hyva.io/Hyva-themes-feature-matrix del sito Hyvä offre una panoramica completa delle funzionalità già incluse e di quelle in fase di sviluppo all'interno del tema Hyvä.

Compatibilità con estensioni di terze parti

Poiché quasi tutti i siti Magento integrano moduli di terze parti, è importante capire se questi siano immediatamente utilizzabili in Hyvä.

Per funzionare correttamente con Hyvä, le estensioni Magento 2 devono generalmente essere adattate allo stack tecnologico del tema.

A tal fine si rendono necessari appositi moduli di compatibilità che convertono il JavaScript e il CSS dei moduli creati per Luma in ApineJS e Tailwind CSS.

È bene precisare che le questioni di compatibilità riguardano solo la parte di frontend dei moduli con esclusione della parte amministrativa e, in generale, del backend delle estensioni.

Hyvä è già ampiamente supportato da diversi fornitori di moduli Magento, tra cui, Mirasvit, MageWorx e RedChamps e il numero delle estensioni compatibili con Hyvä aumenta costantemente.

Accedendo alla pagina GitHub Hyvä https://gitlab.hyva.io/Hyva-public/module-tracker è possibile consultare l'elenco dei moduli di compatibilità disponibili e richiesti per il tema.

La Community Hyvä

Hyvä è molto popolare all'interno dell'ecosistema Magento e numerosi sviluppatori hanno già adottato questa tecnologia per il frontend dei negozi online Magento 2.

La comunità Hyvä è in costante crescita e comunica e interagisce con i suoi membri tramite la piattaforma di messaggistica Slack. Inoltre, Hyvä organizza regolarmente eventi come webinar e workshop per mantenere la comunità aggiornata sulle ultime novità e offrire supporto tecnico.

Creare una nuova esperienza di frontend con Hyvä Themes

Hyvä è attualmente la migliore tecnologia per l'implementazione di frontend Magento 2 performanti con una velocità di caricamento delle pagine di molto superiore a Luma.

Se si dispone di un sito Magento 2 aggiornato almeno alla versione 2.4.0 è possibile adottare questo innovativo tema mantenendo il backend esistente.

Advanced Logic, Adobe Solution Partner con sviluppatori Magento certificati, è Fornitore Ufficiale Hyvä e in tale veste possiede competenze approfondite per la costruzione di siti Magento 2 di alta qualità con i temi Hyvä.

Contattaci ora per un preventivo gratuito.