12 temi WooCommerce più veloci del 2022

Cerchi i temi WooCommerce più veloci?

Per i negozi WooCommerce, la velocità è fondamentale poiché i tempi di caricamento della pagina influiscono direttamente sui tassi di conversione (che determinano le tue entrate). Sebbene il tuo tema WooCommerce non sia l'unica cosa che influisce sui tempi di caricamento del tuo negozio, giocherà un ruolo importante.

Per questo motivo, vuoi scegliere un tema WooCommerce che preparerà il tuo negozio per il successo nel reparto velocità.

Per aiutarti a farlo, abbiamo eseguito i nostri test pratici delle prestazioni con alcune delle opzioni più popolari per darti uno sguardo basato sull'evidenza dei temi WooCommerce più veloci.

Inizieremo le cose con una spiegazione dettagliata di come abbiamo testato i temi in modo che tu sappia da dove provengono i dati. Quindi, condivideremo i risultati per ciascun tema, nonché informazioni sulle caratteristiche principali e sui prezzi del tema.

Come abbiamo testato i temi WooCommerce più veloci

Ecco i dettagli completi del nostro ambiente di test:

Sito di prova

Prima di tutto, il nostro sito di prova è ospitato su un server DigitalOcean economico, che in realtà offre prestazioni piuttosto solide nonostante il suo prezzo. È in esecuzione su uno stack completamente Nginx (alimentato da RunCloud).

Per creare un sito di test realistico, abbiamo impostato il nostro sito con quanto segue:

1. WooCommerce
2. I dati fittizi standard di WooCommerce, che importano una serie di prodotti, comprese le immagini e tutti i dettagli rilevanti del prodotto

Non abbiamo apportato ottimizzazioni delle prestazioni come la memorizzazione nella cache o l'ottimizzazione del codice. Nel mondo reale, potresti ottenere tempi di caricamento migliori utilizzando plug-in di memorizzazione nella cache e altri plug-in di ottimizzazione della velocità, oltre a seguire la nostra guida per velocizzare WordPress.

Inoltre, non abbiamo modificato le opzioni di personalizzazione del tema: abbiamo solo utilizzato le impostazioni predefinite. Questo è il modo "più equo" per confrontare i temi, anche se il tuo sito potrebbe essere leggermente più pesante se importi un sito demo o utilizzi alcune funzionalità di WooCommerce.

Per assicurarci di raccogliere dati significativi sul rendimento, abbiamo testato la stessa singola pagina del prodotto con ciascun tema (anziché la home page).

La pagina del singolo prodotto è simile a questa (il tema di esempio è Storefront):

Strumento di prova

Per raccogliere i dati del test stesso, abbiamo utilizzato WebPageTest. Ci sono alcuni motivi per cui ci piace WebPageTest:

1. Mostra una varietà di metriche, tra cui il tempo al primo byte (TTFB), Core Web Vitals (incluso il più grande contenuto grafico), il tempo di caricamento, le richieste HTTP e le dimensioni della pagina.
2. Possiamo configurarlo per eseguire nove test separati e prendere il valore mediano, eliminando la variabilità del test singolo e ottenendo risultati più accurati.
3. Possiamo configurarlo per eseguire test sia desktop che mobili e scegliere varie velocità di connessione.

Vogliamo che questi dati siano il più utili possibile, quindi abbiamo impostato i test per simulare scenari del mondo reale ed abbiamo eseguito due test diversi:

1. Desktop : test da un dispositivo desktop e utilizzo di una connessione FIOS ridotta – 20/5 Mbps 4ms RTT.
2. Mobile : test da un telefono iPhone 7+ e utilizzo di una connessione "3G Fast" ridotta: 1,6 Mbps/768 Kbps 150 ms RTT. WebPageTest ci consente di utilizzare un vero dispositivo iPhone 7+, piuttosto che simulare un telefono cellulare come alcuni altri strumenti.

Poiché stiamo limitando la velocità di connessione, vedrai risultati "più lenti" rispetto a uno strumento come Pingdom (che utilizza una connessione super veloce senza limiti). Tuttavia, queste velocità saranno più precise rispetto a ciò che sperimenteranno i tuoi veri visitatori umani perché la maggior parte di loro non navigherà su connessioni Internet ultraveloci.

Anche i tempi desktop saranno più veloci di quelli mobili. Ciò accadrà per alcuni motivi:

• La connessione mobile è più lenta perché stiamo limitando al 3G. Nel mondo reale, i tuoi visitatori mobili potrebbero sperimentare tempi di caricamento migliori se utilizzano 4G o collegano il telefono al WIFI.
• Il dispositivo mobile non è potente come il dispositivo desktop, il che significa che ci vorrà più tempo per elaborare JavaScript. Ricorda: stiamo usando un vecchio iPhone 7+, non l'ultimo modello top di gamma.

Presenteremo i risultati del test in una tabella, ma collegheremo anche le immagini dei risultati completi del test se vuoi vedere ogni singola metrica. Ecco le metriche che presenteremo:

• Time to first byte (TTFB) : quanto tempo impiega il sito a rispondere con il primo byte di dati.
• Largest Contentful Paint (LCP) : il tempo necessario affinché il contenuto principale diventi visibile. Mira a catturare l'esperienza dell'utente parte delle prestazioni, che è ciò che interessa alla maggior parte degli esseri umani. Fa anche parte della nuova iniziativa Core Web Vitals di Google e Google la utilizzerà come fattore di ranking nel suo aggiornamento di Page Experience di maggio 2021.
• Tempo di caricamento completo : WebPageTest lo definisce come "il punto dopo onLoad in cui l'attività di rete si è interrotta per 2 secondi".
• Richieste HTTP : quante richieste HTTP effettua il sito: meno è meglio.
• Dimensione pagina: la dimensione del file della pagina completa: più piccola è migliore.

Tieni presente che WebPageTest non ha fornito valori LCP per i test mobili che abbiamo eseguito.

Con tutta questa introduzione fuori mano, arriviamo ai temi WooCommerce più veloci! Sono ordinati in base al tempo di caricamento completo del dispositivo mobile, poiché riteniamo che le prestazioni mobili siano estremamente importanti per i negozi di e-commerce.

Alla fine di questo post, metteremo insieme anche tutti i dati, quindi continua a leggere fino alla fine per le conclusioni.

1. Sidney

Sydney è il nostro tema multiuso leggero che include anche una profonda integrazione con WooCommerce.

Con Sydney 1.75, abbiamo apportato una serie di miglioramenti alle prestazioni per aiutarlo a guadagnare un posto in questo elenco dei temi WooCommerce più veloci.

Sydney non ha dipendenze jQuery ed è codificata seguendo le migliori pratiche per aiutare il tuo negozio a caricarsi rapidamente.

Oltre alle prestazioni, include anche la piena compatibilità e funzionalità di WooCommerce, insieme ad alcuni siti demo importabili per i negozi WooCommerce.

Caratteristiche principali

• Tre siti demo WooCommerce (insieme a molte demo non WooCommerce)
• Stile personalizzabile per prezzi dei prodotti, badge di vendita, titoli dei prodotti e altro ancora
• Minicart volante
• Check-out senza distrazioni
• Supporto per intestazione video
• Integrazioni Deep Elementor, inclusi blocchi Elementor personalizzati
• Nessuna dipendenza da jQuery
• Markup dello schema integrato per migliorare la SEO

Informazioni sulle prestazioni

• Risultati desktop
• Risultati mobili

Prezzo

Sydney ha una versione gratuita, ma vorrai che la versione premium acceda a tutte le funzionalità di WooCommerce e ai siti demo. Costa $ 69 per l'uso su siti illimitati.

2. Kadence

Kadence è un tema WordPress più recente che è cresciuto rapidamente in popolarità. È un tema multiuso flessibile che offre anche una profonda integrazione con WooCommerce.

In generale, sta ottenendo molto entusiasmo per le profonde opzioni di personalizzazione disponibili nel Customizer di WordPress nativo.

Caratteristiche principali

• Opzioni di personalizzazione dettagliate nel Personalizzatore di WordPress
• Generatore di intestazioni e piè di pagina con trascinamento
• Carrello laterale aperto automaticamente quando un utente aggiunge un prodotto al carrello
• Ajax aggiungi al carrello
• Aggiungi facilmente microcopie e badge di fiducia nei punti chiave
• Due siti demo importabili per i negozi WooCommerce

Informazioni sulle prestazioni

• Risultati desktop
• Risultati mobili

Prezzo

Il tema principale di Kadence è disponibile gratuitamente su WordPress.org. Il tema gratuito include la compatibilità di base con WooCommerce, ma ti consigliamo la versione Pro se prendi sul serio il tuo negozio.

La versione Pro ti dà accesso a tutti i componenti aggiuntivi, incluso il componente aggiuntivo WooCommerce, per $ 79 per un anno di supporto e aggiornamenti. Oppure puoi acquistare Kadence Suite per $ 219, che include altri plugin WooCommerce dallo sviluppatore.

3. Botiga

Botiga è il nostro nuovo tema WooCommerce gratuito che abbiamo creato da zero per essere ottimizzato per le prestazioni.

Usa JavaScript vanilla senza dipendenze da jQuery o altre librerie e minimizza anche CSS e JavaScript per impostazione predefinita.

Pronto all'uso, pesa solo 82,8 KB ed è progettato per rimanere leggero perché tutti i siti demo sono creati con l'editor di blocchi nativo di WordPress anziché con generatori di pagine più pesanti.

Ma allo stesso tempo, Botiga non lesina sulle funzionalità e hai accesso a molte opzioni di stile e funzionalità di eCommerce per rendere il tuo negozio un successo.

Caratteristiche principali

• 100% dedicato a WooCommerce
• Ottimizzato per le prestazioni con JavaScript vanilla, minimizzazione integrata e altro ancora
• Siti demo predefiniti creati con il leggero editor di blocchi di WordPress (Gutenberg)
• Opzioni di personalizzazione avanzate di WooCommerce, inclusi layout multipli del carrello, filtri di prodotto, badge di vendita e altro ancora
• Opzioni di progettazione flessibili nella personalizzazione di WordPress in tempo reale

Informazioni sulle prestazioni

• Risultati desktop
• Risultati mobili

Prezzo

Botiga ha una versione gratuita che può funzionare alla grande per i semplici negozi WooCommerce. Poi, c'è una versione Pro che aggiunge nuove utili funzionalità come campioni di prodotto, più stili di intestazione, posizioni flessibili della barra laterale, liste dei desideri, un carrello adesivo e altro ancora.

La versione Pro costa $ 69 per l'utilizzo su siti illimitati. Puoi visualizzare un confronto completo delle funzionalità tra Botiga free e Pro nella pagina dei prezzi.

4. Neve

Neve è un tema multiuso leggero di ThemeIsle.

Il tema principale gratuito fornisce una base leggera e una compatibilità generale con WooCommerce, mentre la versione premium si accumula su un sacco di funzionalità specifiche di WooCommerce con il suo modulo WooCommerce Builder.

Caratteristiche principali

• Generatore di intestazioni e piè di pagina con trascinamento
• Opzioni dettagliate di WooCommerce nel Customizer con il componente aggiuntivo WooCommerce Builder
• Abilita/disabilita i metadati del prodotto con la spunta di una casella
• Zoom immagine prodotto
• Pagina di pagamento senza distrazioni, incluse le opzioni per nascondere determinati campi, ad esempio il campo coupon se non offri coupon
• Visualizzazione rapida del prodotto
• Funzione lista dei desideri

Informazioni sulle prestazioni

• Risultati desktop
• Risultati mobili

Prezzo

Il tema principale di Neve è disponibile gratuitamente su WordPress.org. Per accedere al modulo WooCommerce Booster e ad altre funzionalità premium, la versione Pro costa $ 99 (c'è un piano più economico, ma non include il modulo WooCommerce Booster).

5. Astra

Astra è uno dei temi più popolari esistenti, con la particolarità di essere il primo tema non predefinito a superare un milione di installazioni attive su WordPress.org.

È un tema multiuso che puoi utilizzare per qualsiasi tipo di sito. Inoltre, include una profonda compatibilità per WooCommerce nella versione premium, insieme a molte funzioni utili.

Caratteristiche principali

• Tonnellate di siti demo WooCommerce importabili
• Molte personalizzazioni di stile e layout nel Customizer di WordPress
• Barra laterale fuori tela per i filtri e i widget dei prodotti
• Visualizzazione rapida del prodotto
• Scorrimento infinito del prodotto
• Carrello a tendina
• Opzioni flessibili della galleria dei prodotti
• Check-out senza distrazioni
• Opzioni di ordinamento del catalogo prodotti, ad es. ordinamento per popolarità (vendite) o valutazione media

Informazioni sulle prestazioni

• Risultati desktop
• Risultati mobili

Prezzo

Il tema principale di Astra è disponibile gratuitamente su WordPress.org. Il tema gratuito include la compatibilità di base di WooCommerce, ma avrai bisogno del componente aggiuntivo premium per accedere alla maggior parte delle funzionalità e delle opzioni di personalizzazione specifiche di WooCommerce.

Astra Pro costa $ 59 per l'uso su siti illimitati.

6. Woostificare

Woostify è un tema WordPress incentrato al 100% su WooCommerce. Personalmente, penso a questo tema come "Astra, se Astra fosse solo per i negozi WooCommerce".

Poiché è solo per WooCommerce, lo sviluppatore può dedicare tutti i propri sforzi alla creazione di siti demo di WooCommerce e all'aggiunta di funzionalità di WooCommerce.

Caratteristiche principali

• Siti demo WooCommerce predefiniti per diverse nicchie: i siti demo utilizzano Elementor per il contenuto demo che consente una facile personalizzazione
• Integrazione integrata con i più diffusi plugin per le liste dei desideri (YITH Wishlist e TI Wishlist)
• Molte impostazioni di personalizzazione per WooCommerce
• Più layout del carrello
• Supporto per galleria di prodotti video
• Timer per il conto alla rovescia delle vendite per aggiungere urgenza
• Notifiche di vendita/visualizzazione
• Carrello estraibile

Informazioni sulle prestazioni

• Risultati desktop
• Risultati mobili

Prezzo

Il tema principale Woostify è disponibile gratuitamente su WordPress.org. Include funzionalità di base e alcuni siti demo.

Per sbloccare tutti i siti demo e aggiungere più funzionalità, puoi acquistare Woostify Pro a partire da $ 49 per l'utilizzo su un singolo sito.

7. Vetrina

Storefront è il tema gratuito "ufficiale" di WooCommerce che è stato scaricato oltre cinque milioni di volte.

Poiché è sviluppato e mantenuto dal team principale di WooCommerce, è codificato tenendo conto delle migliori pratiche e si integra profondamente con molte estensioni WooCommerce ufficiali.

Caratteristiche principali

• Proviene direttamente dal team di WooCommerce
• Creato appositamente per WooCommerce
• Personalizza il tuo negozio utilizzando il Customizer nativo di WordPress
• Molti temi figlio di Storefront per farti cambiare il design e adattare il tuo negozio a nicchie specifiche

Informazioni sulle prestazioni

• Risultati desktop
• Risultati mobili

Prezzo

Il tema principale di Storefront è gratuito.

Il team di WooCommerce offre quindi una serie di temi ed estensioni per bambini gratuiti ea pagamento.

Prima di tutto, il pacchetto Estensioni Storefront aggiunge una serie di nuove funzionalità e opzioni di personalizzazione a Storefront per $ 69.

In termini di temi figlio di Storefront, troverai sia opzioni gratuite che a pagamento. I temi premium per bambini costano $ 39 ciascuno.

8. GeneraPress

GeneratePress è un popolare tema multiuso leggero con una buona reputazione per le prestazioni e la pulizia del codice.

Sebbene tu possa usarlo per creare qualsiasi tipo di sito WordPress, ottieni anche molte funzionalità specifiche di WooCommerce, soprattutto se esegui l'aggiornamento a GeneratePress Premium (il componente aggiuntivo del plug-in a pagamento).

Caratteristiche principali

• Codice pulito e leggero
• Componente aggiuntivo WooCommerce dedicato nella versione premium: offre opzioni di layout e stile speciali per WooCommerce
• Icona del carrello nel menu: mostra gli articoli o il valore del carrello
• Carrello del pannello appiccicoso: mostra una barra di notifica adesiva quando gli acquirenti aggiungono un articolo ai loro carrelli e/o quando scorrono verso il basso
• Abilita/disabilita facilmente la visualizzazione dei metadati del prodotto selezionando una casella
• Check-out senza distrazioni

Informazioni sulle prestazioni

• Risultati desktop
• Risultati mobili

Prezzo

Il tema principale di GeneratePress è disponibile gratuitamente su WordPress.org. Il tema gratuito include la compatibilità di base di WooCommerce, ma avrai bisogno del plug-in aggiuntivo premium per sbloccare la maggior parte delle funzionalità e delle opzioni di personalizzazione specifiche di WooCommerce.

GeneratePress Premium costa $ 59 per un anno di supporto e aggiornamenti o $ 249 per supporto e aggiornamenti a vita.

9. Negozio di orchidee

Come Woostify, Orchid Store è creato appositamente per WooCommerce: non è un tema multiuso come molte altre opzioni.

Offre siti demo un po' più "occupati" rispetto agli altri temi. Non è una critica, solo qualcosa che ho notato durante la navigazione nella sua demo.

Caratteristiche principali

• Creato appositamente per WooCommerce
• Tre siti demo di eCommerce importabili
• Ajax aggiungi al carrello
• Supporto per la lista dei desideri integrato
• Cambio valuta (pro)
• Widget dell'offerta del prodotto (professionista)

Informazioni sulle prestazioni

• Risultati desktop
• Risultati mobili

Prezzo

Orchid Store ha una versione gratuita su WordPress.org e un plug-in premium che aggiunge funzionalità extra al tema principale e costa $ 49 per l'uso su un singolo sito.

10. Ottimizzatore

A differenza di molti altri temi in questo elenco che sono temi multiuso con integrazioni WooCommerce dettagliate, Shoptimizer è un tema WordPress dedicato al 100% a WooCommerce.

Questa singolare attenzione gli consente di integrare alcune funzionalità specifiche di WooCommerce più avanzate rispetto agli altri temi offerti.

Uno dei risultati più notevoli è una suite di funzionalità incentrate sulla conversione come timer per il conto alla rovescia delle vendite e avvisi di urgenza sullo stato delle scorte, badge di fiducia nei punti chiave, spazio aggiuntivo per microcopie per spiegare le politiche di spedizione e restituzione e altro ancora.

Include anche alcune funzionalità integrate per migliorare l'esperienza di acquisto, come la ricerca Ajax integrata con risultati immediati.

Caratteristiche principali

• 100% dedicato a WooCommerce
• Minimizzazione del codice integrata per prestazioni migliori
• Funzionalità integrate di ottimizzazione delle conversioni come badge di fiducia, microcopia, ecc.
• Check-out senza distrazioni
• Dettagli del prodotto appiccicosi sulla pergamena
• FOMO di un singolo prodotto per guidare l'urgenza, ad esempio timer per il conto alla rovescia delle vendite o "solo X articoli rimasti in magazzino"
• Una funzione "richiedi una richiamata", utile per prodotti di alto valore
• Ricerca prodotti Ajax per risultati di ricerca immediati
• Utilizza Elementor per i contenuti demo per una facile personalizzazione

Informazioni sulle prestazioni

• Risultati desktop
• Risultati mobili

Prezzo

Shoptimizer è disponibile solo in una versione premium. Il suo prezzo di listino è di $ 99, ma c'è uno sconto essenzialmente permanente a $ 39, quindi dovresti essere in grado di acquistarlo per $ 39.

11. OceanWP

OceanWP è un altro tema multiuso noto per la sua flessibilità e opzioni di personalizzazione.

Non è così leggero come alcuni di questi altri temi, ma fornisce un sacco di funzionalità specifiche di WooCommerce, che potrebbero far valere la pena il leggero compromesso delle prestazioni.

Caratteristiche principali

• Molti siti demo importabili per negozi di eCommerce
• Icona del carrello flessibile
• Visualizzazione rapida del prodotto
• Check-out senza distrazioni
• Checkout in più passaggi con barra di avanzamento
• Carrello scorrevole sia per desktop che per dispositivi mobili
• Filtri per prodotti fuori tela
• Barra di aggiunta al carrello mobile durante lo scorrimento

Informazioni sulle prestazioni

• Risultati desktop
• Risultati mobili

Prezzo

La versione principale di OceanWP è disponibile gratuitamente su WordPress.org, ma i negozi WooCommerce vorranno che la versione premium sblocchi tutte le funzionalità e i siti demo.

La versione premium parte da $ 39 per l'utilizzo su un singolo sito.

12. Divi

Divi è uno dei temi WordPress premium più popolari, grazie in gran parte al suo builder drag-and-drop in bundle (Divi Builder).

Se cerchi esclusivamente la velocità, Divi è un passo indietro rispetto a questi altri temi. Ma se cerchi velocità e flessibilità e hai comunque intenzione di utilizzare un generatore di pagine, Divi in ​​realtà non è così indietro come potrebbe sembrare a prima vista.

Ricorda, Divi include già il "peso" del builder visivo, drag-and-drop, mentre altri temi no. Quindi, se dovessi, ad esempio, aggiungere Elementor o Brizy a un altro di questi temi, sarebbero molto più vicini a Divi una volta aggiunto il peso di quei costruttori. Ovviamente, se non hai intenzione di utilizzare un visual builder, allora Divi non ha davvero senso.

Caratteristiche principali

• Generatore di trascinamento della selezione integrato (Divi Builder)
• Divi Builder supporta sia la creazione di pagine che la creazione di temi completi, inclusa la progettazione dei modelli del tuo negozio WooCommerce utilizzando il builder drag-and-drop
• Moduli WooCommerce dedicati nel generatore di pagine
• Ampio mercato di terze parti, inclusi componenti aggiuntivi incentrati su WooCommerce di sviluppatori di terze parti

Informazioni sulle prestazioni

• Risultati desktop
• Risultati mobili

Prezzo

Divi è disponibile solo come parte dell'abbonamento a Elegant Themes, che ti dà accesso a tutti i prodotti di Elegant Themes e l'utilizzo su un numero illimitato di siti personali e clienti a un prezzo. Puoi pagare $ 89 per un abbonamento di un anno o $ 249 per un abbonamento a vita.

Qual è il tema WooCommerce più veloce?

Ti abbiamo mostrato molti dati per i singoli temi. Ora, mettiamo insieme tutto per farti vedere come si confrontano questi temi.

Arriverò a questo in diversi modi. Prima di tutto, parliamo dei temi complessivi più veloci per dispositivi mobili e desktop:

• Mobile : Botiga è arrivata prima a pieno carico.
• Desktop : Neve è arrivata prima per il tempo di caricamento completo e Woostify è stata la prima per Largest Contentful Paint.

(Ricorda che WebPageTest non ha fornito tempi LCP sui dispositivi mobili.)

Certo, le differenze tra il primo e il secondo posto sono piuttosto piccole (o addirittura il primo e il settimo posto). Quindi, per vedere come si confrontano tutti i temi, ho messo insieme alcuni grafici:

Mobile (ordinato in base al tempo di caricamento completo):

Desktop (ordinato da LCP):

Richieste HTTP e dimensioni della pagina (ordinate per richieste HTTP):

Inoltre, se vuoi vedere un dump grezzo di tutti i dati, puoi controllare il foglio completo qui.

Conclusioni generali

Sono molti dati! Se dovessimo trarre alcune conclusioni quando si tiene conto delle prestazioni sia desktop che mobili, i migliori risultati sembrano essere:

• Sydney - è stato il secondo nei risultati mobili e il secondo in LCP desktop.
• Neve - è stato il primo nei risultati desktop e il terzo su dispositivi mobili.
• Botiga - è stato il primo nei risultati mobili e il sesto nell'LCP desktop.
• Woostify: è stato il primo in LCP desktop ma il quinto sia per desktop che per dispositivi mobili a pieno carico.
• GeneratePress: aveva la dimensione della pagina più piccola sia su desktop che su dispositivi mobili. Inoltre è stato il secondo nei tempi di caricamento del desktop.

Come ho già detto, le differenze tra i temi non sono così grandi . Ad esempio, Astra era solo un decimo di secondo dietro Neve in termini di tempi di caricamento completo del desktop, quindi non stiamo parlando di grandi differenze tra la classifica n. 1 e la classifica n. 7.

Quindi, se ami assolutamente uno degli altri temi, puoi comunque creare un sito a caricamento molto rapido anche utilizzando un tema diverso.

Hai domande sui temi WooCommerce più veloci o su come abbiamo testato questi temi? Chiedici nella sezione commenti!