Luma vs Hyvä: come confrontare Core Web Vitals e prestazioni Magento

In breve: Hyvä sostituisce buona parte dello stack frontend di Luma e può ridurre il lavoro del browser, ma non assegna automaticamente un punteggio Lighthouse alto a ogni negozio. Per decidere, confronta le stesse tipologie di pagina sul tuo sito, separando dati degli utenti reali e test di laboratorio. Se il problema è nel server, nelle immagini o negli script di terze parti, cambiare tema da solo non basta.

Questo approfondimento fa parte della serie Hyvä vs Luma: quadro generale. Qui ci concentriamo solo sulla misurazione delle prestazioni, non sui costi o sulla compatibilità dei moduli.

Cosa cambia nel browser

In sintesi 1. Luma usa RequireJS, Knockout e jQuery nel frontend standard di Magento.

Luma usa RequireJS, Knockout e jQuery nel frontend standard di Magento. Hyvä Themes usa Alpine.js e Tailwind CSS per un frontend diverso, mantenendo Magento come piattaforma. Questo può ridurre il JavaScript caricato dal tema e il lavoro sul thread principale; la dimensione finale dipende però dalle funzionalità installate e dagli script aggiunti al negozio.

Non confrontare una demo Hyvä vuota con uno store Luma in produzione: recensioni, ricerca, personalizzazione, checkout, consenso cookie e tag pubblicitari vanno inclusi in entrambi i test.

Quali numeri leggere, e dove

In sintesi 2. Per i Core Web Vitals, Google considera buone le esperienze con LCP entro 2,5 secondi, INP entro 200 ms e CLS entro 0,1, misurate al 75° percentile delle visite.

Segnale	Cosa indica	Come usarlo nel confronto
LCP	Quando compare l'elemento principale visibile	Controlla immagini, cache e risposta del server oltre al tema
INP	Reattività alle interazioni degli utenti	Esamina JavaScript del tema e dei servizi esterni
CLS	Stabilità del layout	Controlla dimensioni delle immagini, banner e componenti inseriti dopo il render
JS trasferito	Peso scaricato dal browser	Confronta pagine equivalenti e misura anche il codice di terze parti

Per i Core Web Vitals, Google considera buone le esperienze con LCP entro 2,5 secondi, INP entro 200 ms e CLS entro 0,1, misurate al 75° percentile delle visite. Una singola esecuzione di Lighthouse non rappresenta tutte le visite. Fonti: web.dev, soglie Core Web Vitals e PageSpeed Insights.

Un test prima e dopo che puoi ripetere

In sintesi 3. 1. Scegli pagine equivalenti: homepage, categoria, prodotto, carrello e checkout.

1. Scegli pagine equivalenti: homepage, categoria, prodotto, carrello e checkout. Includi almeno una pagina con immagini pesanti e una con varianti di prodotto.
2. Registra il contesto: dispositivo, posizione, connessione, stato cache, consenso cookie e tag attivi. Misura prima del rilascio e dopo, nelle stesse condizioni.
3. Leggi i dati sul campo: usa Search Console e i dati CrUX di PageSpeed Insights quando disponibili. Le pagine con poco traffico potrebbero non avere dati individuali.
4. Diagnostica con Lighthouse: ripeti i test sulle stesse URL e confronta mediana, risorse e waterfall; non usare un singolo punteggio come prova di uplift.
5. Separa gli effetti: annota nello stesso periodo cambiamenti a CDN, immagini, hosting, moduli, consenso e campagne. Altrimenti non puoi attribuire il miglioramento al tema.

Quando il nuovo tema non risolve il problema

In sintesi 4. Se il server impiega troppo a rispondere, se l'immagine principale è enorme o se i tag marketing bloccano la pagina, intervenire su questi elementi può avere precedenza.

Se il server impiega troppo a rispondere, se l'immagine principale è enorme o se i tag marketing bloccano la pagina, intervenire su questi elementi può avere precedenza. Anche Hyvä può diventare lento quando si aggiungono molte personalizzazioni e script.

La performance non equivale automaticamente a più vendite: per parlare di conversione servono dati comparabili su traffico, prezzi, promozioni e funnel. Come stimare costi e ritorno della migrazione.

La decisione pratica

In sintesi 5. Se il collo di bottiglia è il frontend Luma su pagine ad alto traffico, Hyvä merita un prototipo misurato.

Se il collo di bottiglia è il frontend Luma su pagine ad alto traffico, Hyvä merita un prototipo misurato. Se emerge soprattutto da hosting o strumenti di terzi, ottimizza prima quelli. Se usi molte estensioni, passa alla checklist di compatibilità Luma → Hyvä prima di approvare il progetto.

Armah è Silver Solution Partner Hyvä: questa guida è scritta da un fornitore che realizza progetti Hyvä, non da un osservatore indipendente. Richiedi un audit del tuo eCommerce per misurare le tue pagine prima di scegliere.