10 temi WooCommerce più veloci nel 2022 (basati sui nostri test approfonditi)

Un negozio che genera $ 30.000 al mese potrebbe perdere $ 25.000 all'anno di entrate a causa di un ritardo di appena un secondo. Per un negozio più lento di così, la perdita sarebbe ancora maggiore.

Uno dei componenti chiave di un negozio WooCommerce veloce è il suo tema. La scelta del tema sbagliato potrebbe rallentare il tuo negozio e danneggiare la tua attività riducendo le conversioni, con un impatto negativo sull'esperienza dell'utente e danneggiando il posizionamento nei motori di ricerca.

Quindi, per aiutarti a garantire che il tuo tema non impedisca al tuo sito Web di caricarsi il più rapidamente possibile, abbiamo confrontato le prestazioni di 10 dei temi WooCommerce più veloci disponibili nel 2022.

Alcuni di essi sono stati progettati esplicitamente per i negozi WooCommerce, mentre altri sono opzioni generiche che hanno buoni modelli e funzionalità di eCommerce. La maggior parte di questi temi afferma di essere la più veloce disponibile, mentre altri sono stati inclusi in quanto sono opzioni molto popolari.

Riepilogo dei risultati

Puoi visualizzare i risultati completi dei test e scoprire esattamente come sono stati eseguiti i test più avanti in questo articolo; tuttavia, ecco un breve riassunto che spiega quali temi sono stati i più veloci.

Per i test abbiamo utilizzato Google PageSpeed ​​Insights (PSI) e Pingdom. Prima di eseguire i test e dopo l'attivazione di ogni tema, il sito Web è stato aggiornato per preparare la cache interna di ciascun tema. Sia PSI che Pingdom forniscono un punteggio complessivo delle prestazioni, valutato su 100, nonché informazioni più dettagliate sulle prestazioni di un sito.

PSI misura anche il modo in cui i temi si sono comportati su desktop e dispositivi mobili. Con Pingdom, è stata valutata solo l'esperienza desktop. Sono state testate la pagina del singolo prodotto e la home page del negozio su ciascun sito.

Sulla base del grado di performance medio PSI delle due pagine (prodotto singolo e homepage del negozio), i temi più performanti, secondo PSI, sono stati:

• Miglior livello di prestazioni PSI mobile: Shoptimizer (voto medio 93,5).
• Miglior livello di prestazioni PSI desktop: Botiga (voto medio 92,5).
• Miglior grado complessivo di prestazioni PSI desktop e mobile: Shoptimizer (voto medio 86,25).

Come vedrai in questo articolo, c'è di più nei risultati del test oltre ai soli voti delle prestazioni; tuttavia, danno una buona panoramica della velocità di un tema.

Ritardo del primo ingresso e tempo di blocco totale

Una metrica utile da considerare nei risultati è il tempo di blocco totale (TBT). TBT fornisce una buona indicazione di quanto tempo impiega una pagina per diventare interattiva, ad esempio, le azioni possono essere eseguite quando un utente fa clic su un pulsante o su un altro elemento interattivo della pagina. Questo gioca un ruolo nel First Input Delay (FID) e nella velocità con cui gli utenti percepiscono una pagina.

FID misura il tempo da quando un utente interagisce per la prima volta con una pagina al momento in cui il browser è effettivamente in grado di iniziare a elaborare la risposta a tale interazione. Sebbene il FID non possa essere misurato nei test di laboratorio, il tempo di blocco di una pagina, misurato da PSI, è ben correlato al FID.

Secondo Google, se il tempo di blocco di un'attività è superiore a 50 ms, "è probabile che l'utente noterà il ritardo e percepirà la pagina come lenta o janky". Il TBT di una pagina è la somma del tempo di blocco per ogni attività lunga che si verifica tra il first content pain (FCP) e il tempo per l'interattività (TTI).

Tutto ciò che puoi fare per migliorare TBT dovrebbe anche migliorare FID, che a sua volta aumenta la velocità con cui gli utenti sperimentano una pagina.

Quasi tutti i temi testati hanno ottenuto buoni punteggi TBT per desktop, ma solo GeneratePress, OceanWP e Storefront hanno ottenuto ottimi risultati nei test TBT mobili.

Osservando tutti i risultati, e non solo TBT, Shoptimizer è stato il migliore in assoluto, sebbene il suo grado medio di prestazioni mobili PSI (79) fosse leggermente inferiore rispetto ad altri temi. Per questo motivo, potresti essere più interessato al tema GeneratePress in quanto ha ottenuto buoni punteggi sia su dispositivi mobili che desktop (82,5 e 88,5, rispettivamente) quando si calcola la media dei punteggi sia per la singola pagina che per la home page del negozio.

Poiché le vendite di eCommerce al dettaglio mobile in tutto il mondo continuano a crescere, passando da $ 2,9 miliardi nel 2020 a $ 3,5 miliardi nel 2021, secondo Statista, è fondamentale scegliere un tema che sia veloce sia per gli utenti desktop che mobili. Sulla base di questo, GeneratePress, è l'opzione migliore, secondo i test PSI.

Pingdom, che ha misurato le dimensioni della pagina, il tempo di caricamento e il numero di richieste, fornendo anche un punteggio delle prestazioni, ha riscontrato che Astra ha le pagine dei singoli prodotti e dei negozi più veloci, sebbene Botiga e GeneratePress abbiano voti delle prestazioni medie leggermente superiori.

Qual è il tema WooCommerce più veloce nel 2022?

Poiché i temi sono stati testati rispetto a una serie di criteri di Pingdom e PSI, non è facile scegliere un chiaro vincitore su quale sia il tema WooCommerce più veloce nel 2022.

Tuttavia, i temi che hanno ottenuto i risultati migliori in tutti i test sono stati Boitga, GeneratePress e Shoptimizer.

Puoi visualizzare i dettagli completi dei risultati del test di seguito per aiutarti a trovare il tema più veloce per il tuo negozio.

I temi WooCommerce più veloci

Ecco i dettagli dei temi più veloci per WooCommerce, elencati in ordine alfabetico.

Astra

Astra è disponibile nelle versioni gratuite ea pagamento ed è un tema WordPress completamente personalizzabile.

Ci sono molti modelli ben progettati tra cui scegliere durante la configurazione del tuo negozio. Essere in grado di modificare i modelli Astra con Beaver Builder, Brizy, Elementor e WordPress Block Editor ti dà molta libertà creativa.

Sia la versione gratuita che quella a pagamento di Astra hanno utili funzionalità compatibili con WooCommerce per migliorare il tuo negozio, anche se ottieni molto di più con la versione a pagamento.

Caratteristiche principali

• L'intero tema può essere modificato, inclusi l'intestazione e il piè di pagina.
• Molti modelli di eCommerce completamente modificabili.
• Possibilità di creare intestazioni separate solo per dispositivi mobili per una migliore UX.

Risultati del test Astra

Astra ha alcuni dei più alti voti di performance di Pingdom. PSI ha dato ad Astra una valutazione molto positiva per gli utenti desktop ma al di sotto della media per le prestazioni mobili. Nel complesso, è un tema WooCommerce veloce ma ci sono opzioni più veloci in questa raccolta.

Botiga

Botiga è un altro WooCommerce disponibile nelle versioni gratuite ea pagamento.

Tra le funzionalità di WooCommerce, troverai più stili di elenco dei prodotti, una selezione di design di gallerie di prodotti e due diversi layout del carrello. Puoi anche utilizzare filtri e consigli sui prodotti per promuovere il tuo inventario. Le funzionalità premium includono liste dei desideri, un pulsante di aggiunta al carrello appiccicoso e layout di intestazione e piè di pagina aggiuntivi.

Caratteristiche principali

• Due demo di negozi eCommerce.
• Design pulito e minimale altamente personalizzabile.
• Set di intestazioni ottimizzate per dispositivi mobili.

Risultati del test Botiga

Botiga è stato uno dei temi più veloci testati per questo articolo. I punteggi PSI desktop erano molto buoni, anche se c'erano alcuni altri temi con punteggi PSI mobili più alti.

Divi

Divi è il tema WordPress di punta di Elegant Themes. Viene fornito con un numero enorme di interessanti pacchetti di siti Web e modelli individuali, comprese molte opzioni di eCommerce.

Divi viene anche fornito in bundle con il suo potente strumento di creazione di pagine integrato nel tema. Il Divi Builder ti dà il pieno controllo sul design del tuo sito web ed è un forte rivale dei migliori plugin per WordPress di questo tipo.

Poiché Divi ha una funzione di test A/B facile da usare, puoi eseguire esperimenti per ottimizzare il tuo negozio per tassi di conversione più elevati.

Caratteristiche principali

• Ampia libreria di demo di negozi online completamente modificabili.
• Generatore di pagine integrato con modifica completa del sito.
• Moduli di contenuto personalizzabili.

Risultati del test Divi

Divi ha alcune delle dimensioni di pagina maggiori, seconde solo a OceanWP, e questo sembrava avere un impatto negativo su alcuni dei suoi punteggi. Mentre PSI ha riscontrato che le prestazioni desktop sono buone, le prestazioni mobili sono state tra le peggiori.

GeneraPress

Disponibile nelle versioni gratuite ea pagamento, GeneratePress afferma di essere il tema WordPress più veloce disponibile. Il pagamento della versione premium ti dà accesso a più modelli e l'accesso a canali di supporto premium.

Per aiutarti a lanciare il tuo negozio, GeneratePress viene fornito con una serie di modelli di eCommerce. Poiché questo tema ha un proprio editor, puoi personalizzare tutti gli aspetti del tuo sito Web attraverso un'interfaccia visiva.

Caratteristiche principali

• Molteplici demo di siti Web di negozi eCommerce.
• Strumento per la creazione di temi basato su blocchi.
• Opzioni di intestazione solo per dispositivi mobili.

Risultati del test di GeneratePress

GeneratePress è stato il tema WooCommerce più performante testato in assoluto, grazie ai suoi punteggi elevati nei gradi di prestazioni mobili e desktop PSI. Ha anche funzionato bene nei test di Pingdom.

Kadence

Kadence è un altro tema gratuito che può essere migliorato installando componenti aggiuntivi premium.

Kadence include anche un'ampia libreria di demo di siti Web gratuiti ea pagamento, inclusi numerosi design di eCommerce. Gli utenti di WooCommerce possono acquistare il kit del negozio Kadence per aggiungere più funzionalità di eCommerce al proprio negozio, inclusi zoom dell'immagine del prodotto, avvisi sul carrello, recensioni avanzate e altro ancora.

Caratteristiche principali

• Selezione di modelli di intestazione e piè di pagina completamente modificabili.
• Le impostazioni globali semplificano la personalizzazione del tuo negozio e mantengono un aspetto coerente in tutto.
• Compatibile sia con Beaver Builder che con Elementor.

Risultati del test di Kadence

Kadence ha ottenuto buoni risultati nei test di Pingdom, con un ottimo livello di prestazioni per la home page del negozio. Tuttavia, i punteggi delle prestazioni mobili in PSI non erano buoni come alcuni dei concorrenti.

neve

Neve è disponibile in diverse varianti, incluso il pacchetto Business premium che include molte funzionalità WooCommerce extra.

C'è anche una versione gratuita limitata, quindi puoi provarla prima di acquistare. Tuttavia, pagando un extra per la licenza Business o Agency puoi accedere a più layout del negozio, una funzione di lista dei desideri, più stili di pagamento e altro ancora.

Neve ha anche un design mobile-first che dovrebbe rendere il tuo negozio WooCommerce molto facile da navigare su dispositivi con schermo più piccolo. La compatibilità con i principali plug-in per la creazione di pagine di WordPress significa che puoi modificare il tuo sito Web con il tuo strumento preferito o semplicemente utilizzare l'editor di blocchi di WordPress predefinito.

Caratteristiche principali

• Molte funzionalità per i negozi WooCommerce.
• Funziona con i principali page builder di terze parti.
• Oltre 100 siti iniziali modificabili, incluse molte opzioni di eCommerce.

Risultati del test di Neve

Neve è stato uno dei temi più veloci testati. Tuttavia, è appena rimasto leggermente indietro in alcuni dei test mobili PSI, rispetto ai temi più veloci in questo confronto.

OceanWP

OceanWP è un tema multiuso con molte demo di negozi di eCommerce disponibili nella versione a pagamento. La versione gratuita include alcune demo di eCommerce, ma l'aggiornamento alla versione a pagamento sblocca più demo e funzionalità aggiuntive.

A seconda della demo che scegli, potresti essere in grado di modificare l'intero sito, inclusi l'intestazione e il piè di pagina, utilizzando il plug-in per la creazione di pagine di Elementor. La versione a pagamento di OceanWP include una selezione di moduli Elementor personalizzati che ti danno più libertà creativa.

Caratteristiche principali

• Gran numero di demo di siti Web già pronte, inclusi molti design di eCommerce.
• Moduli personalizzati per Elementor.
• Tre stili di menu mobile per una migliore UX mobile.

Risultati del test OceanWP

OceanWP ha avuto le dimensioni di pagina maggiori e la maggior parte delle richieste secondo Pingdom, e per questo motivo ha avuto alcuni dei tempi di caricamento più lenti. Anche i punteggi dei dispositivi mobili PSI sono stati tra i peggiori. Tuttavia, le prestazioni desktop in PSI erano OK.

Ottimizzatore

Shoptimizer è un tema incentrato su WooCommerce che è stato creato pensando alla velocità e alle conversioni.

Per aiutare a velocizzare il tuo negozio, Shoptimizer ha minimizzato e abilitato CSS critico immediatamente. Le funzionalità incentrate sulla conversione che potrebbero generare più vendite nel tuo negozio includono un'esperienza di pagamento senza distrazioni, la possibilità di visualizzare informazioni su spedizione e resi sulla pagina del prodotto e badge di fiducia per rassicurare i tuoi clienti.

Caratteristiche principali

• Contatore di scorte e timer per il conto alla rovescia per generare vendite.
• Notifiche di vendita a scorrimento per aumentare la prova sociale.
• Design mobile first per una migliore UX dello smartphone.

Risultati del test di Shoptimizer

Shoptimizer ha avuto il miglior grado medio di prestazioni desktop PSI e un alto grado di prestazioni mobili. Anche i risultati di Pingdom sono stati impressionanti.

Vetrina

Storefront è il tema ufficiale di WooCommerce ed è gratuito.

La versione gratuita di Storefront ha appena abbastanza per iniziare e apportare alcune modifiche al suo design. Tuttavia, se desideri davvero creare un negozio personalizzato, dovrai acquistare il pacchetto di estensioni di Storefront o alcune delle singole estensioni.

Caratteristiche principali

• Design minimale per una UX ordinata.
• Libreria di temi figlio per trasformare rapidamente l'aspetto del tuo negozio.
• Costruito e mantenuto dal team responsabile di WooCommerce.

Risultati del test della vetrina

Storefront ha un punteggio medio delle prestazioni desktop molto buono in PSI, ma è stato deluso da un punteggio mobile relativamente basso. I risultati di Pingdom sono stati buoni, ma non proprio dei migliori.

Woostificare

Woostify è un altro tema WooCommerce gratuito che può essere migliorato con componenti aggiuntivi a pagamento.

La versione core di Woostify è stata progettata per essere il più leggera possibile, con l'obiettivo di migliorare i tempi di caricamento. Poiché è possibile aggiungere funzionalità extra tramite estensioni, puoi evitare di appesantire inutilmente il tuo sito installando solo i componenti aggiuntivi di cui hai bisogno. Tutti i componenti aggiuntivi e i siti di avviamento sono disponibili a un prezzo anziché su base per componente aggiuntivo.

Caratteristiche principali

• Siti iniziali gratuiti ea pagamento che possono essere modificati con Elementor.
• Componenti aggiuntivi a pagamento che includono funzionalità WooCommerce e più opzioni di personalizzazione.
• Più pagine di prodotto, layout dell'elenco e modelli di intestazione.

Woostify i risultati del test

Woostify ha ottenuto alcuni dei punteggi peggiori in questo confronto, soprattutto per quanto riguarda le prestazioni sui dispositivi mobili.

A proposito dei test

Per i test, è stata creata una nuova installazione su un sito Web WordPress ospitato da SiteGround. WooCommerce è stato installato sul sito e sono stati importati i dati del negozio di esempio per il plug-in.

Le prestazioni della pagina del singolo prodotto e della home page del negozio sono state quindi testate in Pingdom e Google PageSpeed ​​Insights. Lo stesso luogo di test, che era il luogo più vicino a dove era ospitato il sito, è stato scelto a Pingdom.

Per ogni test è stato attivato un tema diverso e utilizzato nel suo stato predefinito. Nessuna delle demo dei temi è stata importata e non sono stati installati plug-in aggiuntivi. Poiché non sono stati utilizzati strumenti per le prestazioni, è possibile ottenere risultati ancora migliori abilitando la memorizzazione nella cache, utilizzando una CDN, ottimizzando le immagini e distribuendo la minimizzazione. Uno strumento che può aiutarti a fare tutto questo è NitroPack.

Vitali Web principali

Core Web Vitals (CWV) è una raccolta di test che Google utilizza per assegnare a una pagina un punteggio di performance complessivo. Le pagine possono avere un punteggio buono, devono essere migliorate e scarse. Affinché una pagina superi il test CWV e raggiunga una buona valutazione, il punteggio delle prestazioni deve essere compreso tra 90 e 100.

Il punteggio CWV si basa sui risultati dei test Largest Contentful Paint (LCP), First Input Delay (FID) e Cumulative Layout Shift (CLS). Per superare il test CWV, una pagina dovrà ottenere un punteggio buono per tutti e tre i componenti.

In generale, questi test esaminano non solo la velocità di una pagina, ma anche quanto sia reattiva e visivamente stabile.

Fonte: https://web.dev/vitals-business-impact/

In questo articolo puoi trovare i punteggi LCP e CLS per i temi testati. Come accennato, il FID non è disponibile tramite il test di laboratorio PSI, ma il TBT è strettamente correlato al FID.

Un buon punteggio CWV può aiutare a fornire un'esperienza utente positiva e anche contribuire a migliorare il posizionamento nei motori di ricerca.

Come puoi vedere dai risultati sopra, nei test desktop, tre dei temi hanno ottenuto un punteggio di prestazione di 90 o superiore per la singola pagina del prodotto e otto dei temi hanno ottenuto un punteggio superiore a 90 nel test della home page del negozio. Nessuno dei temi ha ottenuto un punteggio di prestazione superiore a 90 per i test mobili. Tuttavia, GeneratePress, Kadence e Shoptimizer si sono avvicinati di più al punteggio di 90.

Riepilogo

Come puoi vedere, la tua scelta del tema ha un impatto sulla velocità del tuo negozio, specialmente quando si tratta dell'esperienza mobile.

La maggior parte di questi temi ha ottenuto buoni risultati, con buoni voti e altri punteggi. Tuttavia, ce ne sono stati alcuni che si sono distinti dalla concorrenza, con Botiga, GeneratePress, Neve e Shoptimizer che si sono comportati particolarmente bene.

Divi, OceanWP e Woostify sembravano avere le difficoltà maggiori, principalmente per quanto riguarda i risultati PSI mobile.

Come accennato in precedenza, lo shopping online mobile continua a crescere in popolarità, quindi è importante scegliere un tema che si carichi rapidamente per questo pubblico.

Indipendentemente dal tema che scegli, assicurati di ottimizzare il tuo sito piuttosto che utilizzare solo le impostazioni predefinite di WordPress, del tuo host e del tuo tema. Strumenti come NitroPack, che è compatibile con tutti i temi di cui sopra, possono migliorare rapidamente le prestazioni del tuo sito in diversi modi, inclusa la velocità di caricamento sui dispositivi mobili.