Temi Hyva per Magento: cosa, perché e come?

Di recente potresti aver incontrato il nome "Hyva" in luoghi diversi, da molti eventi offline come Webwinkel Vakdagen nei Paesi Bassi, Meet Magento NYC/UK, Hyva Camp in Germania a eventi virtuali (Hyva meetup, Hyva Hackathon). Inoltre, alcuni fornitori di estensioni Magento prevalenti hanno annunciato che i loro prodotti sono ora compatibili con i temi Hyva.

Non ancora, secondo Builtwith, ci sono 1.178 siti Web che utilizzano i temi Hyva in questo momento, con 246, 202 e 168 dei quali si trovano rispettivamente in Belgio, Paesi Bassi e Stati Uniti.

Quindi, se sei uno sviluppatore Magento o un commerciante Magento, allora potresti chiederti qual è il tema Hyva. In questo articolo, riveleremo tutto ciò che devi sapere su questo tema speciale, dai vantaggi che offre a come iniziare a usarlo. Pronto per iniziare? Continuare a leggere!

Che cos'è il tema di Hyva Magento 2?

Come è nata l'idea del tema?

Magento offre molti vantaggi, come la flessibilità di personalizzazione e le funzionalità multi-store per i negozi web. Purtroppo, il front-end di Magento non è un punto di forza della piattaforma. I suoi componenti dell'interfaccia utente sono piuttosto sofisticati e aggiungono un sacco di sforzi extra al processo di sviluppo. Anche i programmatori esperti richiedono una formazione approfondita per eseguire modifiche minori. Un altro problema del tema Magento Luma è la notevole quantità di codice JavaScript, che aumenta il tempo di caricamento ed è difficile da ottimizzare.

In generale, ci sono tre principali svantaggi nell'utilizzo del tema predefinito di Magento:

• È immensamente lento
• Ha molti codici morti
• Ci vuole tempo per personalizzare

Ecco perché è entrata Hyva.

Panoramica dei temi Hyva

Hyva è un tema non convenzionale di Magento 2. Rimuovendo librerie ingombranti come RequireJS, KnockoutJS e jQuery dalla tela dei modelli standard di Adobe Magento e utilizzando invece le più leggere AlpineJS e TailwindCSS, Hyva diventa ora uno dei modelli Magento più veloci.

Rendiamolo più semplice! Hyva è un tema per Magento 2 che elimina tutti gli elementi non necessari nel codice e altera alcune librerie per lo sviluppo per farlo funzionare in modo più efficiente.

Costo

Qual è il prezzo dei temi Hyva? Hyva offre l'acquisto una tantum di una licenza che costa € 1.000, IVA esclusa.

Con la licenza per Hyva Themes, ricevi pieno accesso al codice sorgente e aggiornamenti illimitati. Ciò significa che puoi essere sempre aggiornato sulle ultime funzionalità e miglioramenti, senza dover pagare costi aggiuntivi. Inoltre, ottieni un'installazione Magento 2 con domini e visualizzazioni negozio illimitati inclusi.

>>> Acquista Temi Hyva

Ne vale la pena?

Se stai cercando di migliorare la velocità e le prestazioni del tuo sito web, ci sono diverse opzioni a tua disposizione. Un'opzione è installare un'estensione Magento 2 per l'ottimizzazione della velocità della pagina. Queste estensioni possono avere un prezzo compreso tra $ 99 e $ 599 all'anno, escluse le spese di installazione.

Un'altra opzione è utilizzare i servizi di ottimizzazione della velocità. Questi servizi possono in genere costare tra $ 500 e $ 2.000.

Infine, potresti anche scegliere di integrare PWA (Progressive Web App) nel tuo sito web. Questa opzione può costare da $ 3.000 a $ 20.000.

In confronto, se utilizzi Temi Hyva, il costo di acquisto e la personalizzazione potrebbero richiedere un costo simile per l'implementazione di PWA.

Se stai cercando il modo migliore per migliorare la velocità del tuo sito Magento, dovresti considerare solo le soluzioni PWA e Hyva. Queste sono le uniche opzioni che possono davvero migliorare le prestazioni del tuo sito. Tutte le altre estensioni di ottimizzazione della velocità della pagina Magento sono inefficaci in confronto. (Ti faremo un rapido confronto di queste due soluzioni in un'altra parte dell'articolo.)

Risorse

• Demo del tema Hyva
• Documentazione online del tema Hyva
• Github a tema Hyva

40 Esempi di applicazioni/casi di studio del tema Hyva:

Perché i temi Hyva? Quali sono i loro valori fondamentali?

Ti starai chiedendo perché i proprietari di negozi Magento vorrebbero utilizzare un tema Hyva e perché gli sviluppatori li troverebbero utili. Il più grande vantaggio per i proprietari di negozi è quello di aumentare la velocità di caricamento della pagina del loro sito Web e di conseguenza la SEO. Gli sviluppatori Magento trovano anche i temi Hyva più facili da personalizzare con una curva di apprendimento ridotta, grazie alla sua struttura semplice e saggia.

Inoltre, sembra che il team di Hyva si concentri sul miglioramento dell'esperienza degli sviluppatori più che sui vantaggi del commerciante quando 4 su 6 dei loro principi fondamentali sono per gli sviluppatori (2 per i commercianti e 1 per entrambi):

• complessità ridotta (per sviluppatori)
• prestazioni migliorate (per i commercianti)
• esperienza per sviluppatori migliorata (per sviluppatori)
• velocità di sviluppo migliorata (per sviluppatori e commercianti)
• dipendenze ridotte (per sviluppatori)
• curva di apprendimento ridotta (per sviluppatori)

Approfondiamo il motivo per cui imprenditori e programmatori dovrebbero considerare l'utilizzo di temi Hyva per i tuoi negozi/progetti Magento:

Per i proprietari di negozi Magento: ottieni una velocità della pagina accelerata e punteggi elevati in Google PageSpeed ​​Insights

Hyva fornisce una soluzione di rendering lato server (SSR) che riduce drasticamente la quantità di dati necessari per eseguire il rendering delle pagine sul server. Ciò può portare a caricamenti di pagina più rapidi, il che è ovviamente vantaggioso per le prestazioni del negozio e per gli utenti finali. Inoltre, è probabile che i velocissimi siti Web basati su Hyva raggiungano posizioni più elevate nei risultati di ricerca poiché la velocità della pagina è uno dei fattori di ranking di Google confermati.

Di seguito sono riportati i risultati per il tema Hyva Magento nel test di velocità della pagina di Google. Come puoi vedere, tutti i punteggi (sia della versione desktop che mobile) sono impressionanti, da 91 a 100:

Vale la pena notare che il sito web demo di Hyva è stato creato pensando alle prestazioni, il che spiega i suoi ottimi risultati di velocità della pagina. Tuttavia, se stai costruendo un sito Web di eCommerce più complesso, i risultati potrebbero variare. Questo perché il sito demo di Hyva contiene funzionalità molto basilari – non ha né slider per banner né stili sofisticati – con solo un piccolo numero di prodotti.

Al contrario, la maggior parte dei siti Web Magento ha generalmente da centinaia a migliaia di prodotti associati a diverse immagini per ogni articolo e molti banner promozionali sul sito. Quindi, è importante consultare un esperto che può darti una previsione di come le prestazioni del tuo sito possono migliorare se installi il tema Hyva.

Per gli sviluppatori Magento: impara meno e più velocemente, codifica in modo più efficiente

Se sei uno sviluppatore, scoprirai che Hyva ha una curva di apprendimento molto più graduale. Questo perché puoi utilizzare gli strumenti di sviluppo del frontend e del backend Magento familiari. Pertanto, non ci vorrà molto per iniziare a utilizzare il tema e diventare uno sviluppatore Magento Hyva.

La documentazione ufficiale è un'ottima risorsa per imparare a usare Hyva, oltre a comprendere la struttura del tema e come costruirlo utilizzando solo 2 dipendenze: AlpineJS e Tailwind CSS. Una volta che hai una buona comprensione di queste nozioni di base, puoi iniziare a creare le tue personalizzazioni nel tema.

In breve, il tema Magento Hyva è veloce da imparare e ti farà risparmiare tempo e fatica per creare vetrine Magento completamente reattive e veloci.

Come applicare i temi Hyva ai siti Web Magento?

Per i proprietari di negozi Magento

Quando si tratta di sviluppo del tema Magento Hyva, c'è un numero crescente di fornitori di servizi tra cui scegliere. Se stai cercando di aggiornare le prestazioni del tuo sito attuale o di avviare un nuovo progetto di sviluppo web, è importante trovare una società di sviluppo di temi Hyva affidabile ed esperta.

Ci sono alcune cose da tenere a mente quando si seleziona una società di sviluppo di temi Magento 2 Hyva. Innanzitutto, assicurati di chiedere informazioni sulla loro esperienza e competenza su questo tema. Inoltre, assicurati di informarti sui loro prezzi in modo da poter rimanere entro il tuo budget.

Una volta che hai trovato alcuni potenziali candidati, è il momento di metterti in contatto e iniziare a discutere del tuo progetto. Dovresti fornire quanti più dettagli possibili in modo che l'azienda possa fornirti un preventivo accurato. Con un po' di ricerca e due diligence, puoi trovare l'azienda di sviluppo di temi Magento Hyva perfetta per le tue esigenze.

Tigren è un servizio leader di sviluppo di temi Hyva con oltre 10 anni di esperienza nello sviluppo di siti Web Magento. Abbiamo un team di sviluppatori qualificati ed esperti che sono esperti nello sviluppo di temi Hyva e possono aiutarti a ottenere il massimo dal tuo investimento. Contattaci oggi per saperne di più sui nostri servizi, ottenere un preventivo gratuito e come possiamo aiutarti a portare la tua attività al livello successivo.

Per gli sviluppatori Magento

Se sei uno sviluppatore e vuoi imparare a usare il tema Hyva, ci sono due ottime risorse disponibili: il corso di formazione online di Yireo (a partire da € 259/anno/individuo) o impararlo tu stesso sulla base della documentazione ufficiale di Hyva e delle proprie scoperte su AlpineJS e TailwindCSS.

Entrambe le opzioni hanno i loro vantaggi: il corso online è conveniente perché include tutorial video ed esercizi interattivi, mentre l'autoapprendimento ti consente di concentrarti su argomenti specifici che ti interessano di più. Ci sono anche molti tutorial gratuiti su come installare il tema Hyva nei siti Web di Magento 2 che potresti trovare utili.

Tema Hyva vs. Progressive Web App (PWA): confronti rapidi

C'è molto dibattito online su quale tema Magento sia migliore: Hyva o Magento PWA. Tuttavia, riteniamo che entrambi abbiano i propri punti di forza e siano come le mani sinistra e destra con funzioni e scopi diversi che sono utili per i negozi Magento.

Pertanto, non ha senso confrontare e capire cosa è più potente. In altre parole, non c'è niente di meglio dell'altro, ma è necessario conoscere le differenze tra due tipi di temi per scegliere quello più adatto alle proprie esigenze.

Somiglianze

• Entrambi aiutano a migliorare significativamente la velocità del sito Web Magento, il che è positivo per la SEO
• Entrambi non funzionano direttamente con estensioni Magento 2 di terze parti
• Entrambi sono solo per Magento 2
• Entrambi sono completamente reattivi
• Entrambi possono essere facilmente personalizzati per soddisfare le diverse esigenze
• Entrambi possono richiedere solo pochi giorni/settimane o mesi per essere sviluppati, a seconda della complessità del progetto e delle competenze degli sviluppatori.

Differenze

• Lo scopo principale di Hyva è aumentare la velocità del sito Web e ridurre il carico di lavoro degli sviluppatori, mentre quello di Magento PWA è migliorare l'esperienza dell'utente con un aspetto simile a un'app (non solo includendo velocità di caricamento elevate, ma anche la possibilità di aggiungere schermata iniziale e invio di notifiche push).
• Hyva è un front-end integrato in Magento mentre PWA è una vetrina separata che sostituisce il front-end di Magento.
• I temi Hyva sono forniti dalla società Hyva; nel frattempo, ci sono molte diverse società di sviluppo Magento che offrono temi PWA Magento.
• I temi Hyva costano € 1.000 mentre i costi dei temi PWA per Magento sono vari, da gratuiti a $ 1.000. Le tariffe di personalizzazione del tema dipendono dal partner di sviluppo selezionato.

Quindi, quale sarà preferibile?

Se sei uno sviluppatore Magento, potresti preferire i temi Hyva poiché sono più adatti agli sviluppatori. Tuttavia, dal punto di vista dei proprietari dei negozi che trascura il fattore dello sforzo dello sviluppatore, la risposta potrebbe essere 50-50.

Per coloro che sono alla ricerca di una soluzione per ottimizzare solo la velocità della propria pagina Web, il tema Hyva Magento 2 sarebbe una scelta perfetta. Ma per coloro che non vogliono solo velocizzare i loro siti Web, ma anche una piattaforma che funzioni perfettamente sia su dispositivi desktop che mobili e in grado di inviare notifiche push per scopi di marketing, i temi Magento PWA potrebbero essere migliori.

Domande frequenti

1. Quali sono i pro ei contro dello sviluppo del tema Hyva?

Pro :

• Velocità: la velocità del tuo sito web può fare la differenza tra un cliente che completa un acquisto o passa a un altro sito. Con Hyva, puoi stare tranquillo sapendo che il tuo sito verrà caricato in modo rapido ed efficiente. Questo tema è perfetto per i commercianti che desiderano offrire ai propri clienti un'esperienza online veloce e senza interruzioni.
• Semplicità: i temi di Hyva Magento 2 sono costruiti con l'obiettivo di ridurre i livelli di complessità. È costruito con meno dipendenze, il che significa che non dovrai gestire librerie e funzioni non necessarie. Ciò rende anche le regolazioni e le personalizzazioni più veloci e facili. Ciò si traduce in meno tempo e fatica necessari agli sviluppatori per applicare e personalizzare il tema Hyva nei loro progetti.
• Comunità: con il supporto di una comunità forte e in crescita, il tema Hyva diventa un'opzione più interessante per molti commercianti. Quando scegli di utilizzare il tema Hyva, ottieni l'accesso alla comunità Hyva attraverso una stanza Slack. Hyva Community Slack Channel è un ottimo posto per scambiare idee e ottenere supporto da altri membri della comunità. Se dovessi incontrare problemi o avere una domanda urgente, qualcuno nella community sarà lì per aiutarti. Inoltre, grazie agli sforzi della community, ci sono sempre nuove estensioni e funzionalità sviluppate per Hyva.

Contro:

• Compatibilità delle estensioni: se stai utilizzando un tema basato su Hyva, potresti scoprire che alcune estensioni di terze parti non sono compatibili. Questo perché Hyva rimuove tutte le dipendenze extra, che possono causare problemi di incompatibilità. Per superare questo problema, il team di Hyva ha collaborato con alcuni famosi fornitori di estensioni Magento 2 per offrire moduli di compatibilità. Finora, ci sono 53 plugin compatibili con Hyva.

• Costo: se stai cercando un tema veloce e affidabile per il tuo negozio Magento, Hyva è un'ottima opzione. Tuttavia, è importante tenere presente che il costo di Hyva è una tariffa una tantum di 1.000 euro per licenza. Questo può essere un po' costoso per le piccole imprese, quindi assicurati di tenerlo in considerazione nel tuo budget. Inoltre, le tariffe di installazione e personalizzazione possono variare da 5.000 a 50.000 euro, ecco perché dovresti ottenere preventivi da più fornitori prima di prendere una decisione finale.
• Design: se stai cercando un design semplice e pulito per il tuo negozio eCommerce, Hyva potrebbe essere un'ottima opzione. Il tema è stato creato per massimizzare la velocità, quindi potrebbe non essere adatto a negozi con molti banner ed effetti.

2. I temi Hyva possono essere applicati ai negozi Magento 1?

Se stai utilizzando un sito Web Magento 1, dovrai migrare a Magento 2 prima di poter installare e utilizzare il tema Hyva. Anche se può sembrare una seccatura, in realtà è una buona opportunità per migliorare la sicurezza e le prestazioni del tuo sito web.

Magento 1 non è più supportato, il che significa che eventuali vulnerabilità di sicurezza scoperte non verranno corrette. Questo mette il tuo sito web a rischio di essere violato o compromesso.

L'aggiornamento a Magento 2 ti darà anche accesso al tema Hyva, progettato per velocità e prestazioni. Con Hyva installato, il tuo sito web si caricherà più velocemente che mai, offrendo ai tuoi visitatori un'esperienza migliore.

3. I temi Hyva possono risolvere tutti i problemi di caricamento lento dei siti Web Magento?

Se noti che il tuo sito web si sta caricando lentamente, ci sono alcune cose che puoi fare per velocizzarlo. Uno consiste nell'utilizzare un tema Hyva, che aiuterà a caricare i risultati più velocemente sia su desktop che su dispositivi mobili. Tuttavia, se continui a riscontrare prestazioni lente, è probabile che le query al database siano lente. Ciò è particolarmente vero se le dimensioni del database sono aumentate in modo significativo a causa dell'esecuzione di più siti Web.

Hyva può aiutarti a ridurre i tempi di caricamento di alcuni secondi, ma per prestazioni ottimali, ti consigliamo anche di esaminare le operazioni di back-end, ottimizzare le query e configurare correttamente il database. Inoltre, considera la migrazione alle ultime versioni di MySQL e PHP. Seguendo questi passaggi, puoi assicurarti che il tuo sito Web si carichi rapidamente e senza intoppi per tutti gli utenti.

4. I temi Hyva sono compatibili con Magento Open Source e Adobe Commerce?

I temi sviluppati da Hyva sono attualmente compatibili solo con Magento 2 Open Source. Tuttavia, lo stesso non vale per Adobe Commerce. Adobe Commerce è un'edizione di livello aziendale di Magento, utilizzata principalmente da attività di e-commerce consolidate. I temi Hyva si stanno concentrando sul rendere il suo framework compatibile con tutte le funzionalità di Adobe Commerce e si aspettano che questo sia completo entro i nuovi mesi.

Hyva si impegna a fornire la migliore esperienza possibile ai propri utenti, indipendentemente dall'edizione di Magento utilizzata. Con questo in mente, Hyva è fiduciosa che saranno in grado di fornire pieno supporto sia per Magento Open Source che per Adobe Commerce nel prossimo futuro.

5. Quale versione di Magento è richiesta per la configurazione del tema Hyva?

Se stai utilizzando una versione precedente di Magento, dovrai eseguire l'aggiornamento a Magento 2.4 o versioni successive per utilizzare i temi Hyva. Una volta fatto, sarai in grado di sfruttare tutte le fantastiche funzionalità e vantaggi che Hyva ha da offrire!