I 7 migliori temi WordPress per un buon Web Vital di base (classifica 2023)
Pubblicato: 2023-03-14Ci sono oltre 10.500 temi gratuiti disponibili nel repository di WordPress.
E il numero continua a crescere di giorno in giorno.
Quindi, come individuare i migliori? Dovresti testare ogni tema che ti piace e confrontare tutte le metriche delle prestazioni, i punteggi e i millisecondi?
Siamo onesti: non sembra un'attività che desideri svolgere per l'intera giornata.
Soprattutto quando lo abbiamo fatto per te!
Quindi, invece di perdere tempo ad attivare, disattivare, testare, annotare i risultati e confrontare, continua a leggere per scoprire i 7 temi WordPress che si sono distinti dopo le nostre approfondite ricerche e test.
Come abbiamo testato i migliori candidati a temi WordPress per buoni vitali web di base
Nota: il modo migliore per approssimare le prestazioni di un tema nel mondo reale senza generare traffico era affidarsi a Core Web Vitals basato su laboratorio. La nostra esperienza mostra che i temi che superano LCP, CLS e TBT in laboratorio hanno maggiori possibilità di riprodurre gli stessi buoni risultati sul campo.
Abbiamo iniziato la nostra ricerca raccogliendo un ampio pool di temi con cui i nostri sviluppatori di WordPress hanno lavorato in passato, insieme a temi basati sulla loro popolarità nel repository WP.
Quindi, abbiamo avviato il lungo processo di test della velocità:
- Installa e attiva il tema su un'installazione vuota di WordPress.
- Lascia il tema così com'è: nessun contenuto, menu, pagina, post o plug-in aggiunti.
- Esegui il sito web con il tema tramite PageSpeed Insights di Google.
- Esegui il tema attraverso GTmetrix.
- Esegui il tema tramite Pingdom Speed Test.
- Raccogli tutti i risultati e confrontali.
Abbiamo deciso di utilizzare tre strumenti di test perché ognuno ha standard e parametri diversi. Volevamo assicurarci che uno strumento non fornisse risultati migliori o peggiori di un altro.
In ogni strumento, abbiamo deciso di monitorare metriche specifiche:
Informazioni sulla velocità della pagina
PageSpeed Insights (PSI) di Google è lo strumento ideale per testare un tema per velocità e Core Web Vitals. Considerando che non avevamo traffico reale, ci siamo concentrati sul punteggio delle prestazioni e sulle sue metriche sia su dispositivi mobili che su desktop.
Ecco le metriche su cui ci siamo concentrati:
- Punteggio delle prestazioni . È su 100 e si basa sulle seguenti metriche: LCP, CLS, Speed Index, TBT e FCP. Ogni metrica ha un peso diverso.
- Prima vernice contenta. FCP è il tempo impiegato dal browser per visualizzare la prima parte del contenuto DOM.
- La più grande vernice contenta. LCP misura il tempo necessario per caricare l'elemento above the fold più grande su una pagina.
- Indice di velocità . Mostra quanto velocemente i contenuti di una pagina sono visibilmente popolati. È meglio più basso.
- Tempo di blocco totale. Mostra quanto una pagina non risponde prima che diventi completamente interattiva.
- Spostamento cumulativo del layout. CLS misura quanto i cambiamenti di layout imprevisti influenzano l'esperienza dell'utente su una pagina.
GTmetrix
GTmetrix analizza la velocità e l'ottimizzazione di un sito Web, rendendolo uno strumento prezioso per identificare problemi di prestazioni e determinare se un tema contiene un numero eccessivo di file non necessari.
Le metriche su cui ci siamo concentrati sono state:
- Grado GTmetrix. È un voto ponderato di entrambi i punteggi Performance e Structure.
- Punteggio delle prestazioni. È il Lighthouse Performance Score, come acquisito da GTmetrix, con i suoi controlli personalizzati, le opzioni di analisi, il browser e le specifiche hardware.
- Punteggio della struttura . Si tratta di una valutazione proprietaria degli audit Lighthouse e Custom GTmetrix. Rappresenta quanto bene un tema/pagina è costruito per prestazioni ottimali.
- Vitali Web. Metriche Core Web Vitals basate su laboratorio che misurano se un tema/pagina offre un'esperienza complessiva eccellente.
- Tempo di caricamento. Quanto tempo impiega una pagina web a caricarsi completamente.
Pingdom
Sebbene Pingdom condivida somiglianze con GTmetrix, preferiamo utilizzare entrambi gli strumenti contemporaneamente poiché forniscono metriche diverse. Inoltre, Pingdom offre un modo semplice per testare una pagina Web da diverse posizioni.
Tutti i temi sono stati testati dal Nord America - USA - Washington DC
Metriche che abbiamo monitorato:
- Grado di prestazione Si tratta di un voto cumulativo su 100.
- Tempo di caricamento. Il tempo necessario a Pingdom per caricare l'intero sito Web con un tema installato.
- Dimensioni della pagina. La dimensione di tutti i file del sito della pagina. Il tema ha un enorme impatto su questo.
- Richieste. Il numero di richieste del server per consegnare il tema e il contenuto del sito all'utente.
Breve riepilogo dei temi WordPress con le migliori prestazioni
Prima di approfondire ogni tema, le sue caratteristiche, i prezzi e i punteggi delle prestazioni, ecco un riepilogo dei nostri test.
Nota: la seguente classifica si basa sui risultati di Pingdom e, più specificamente, sulle dimensioni della pagina e sul tempo di caricamento. Più avanti nell'articolo, esaminiamo ciascun tema e i relativi risultati CWV.
- Ventitré -Dimensione pagina:26,3 KB;Tempo di caricamento:520 ms
- Ciao Elementor -Dimensione pagina: 32,7 KB;Tempo di caricamento:520 ms
- GeneratePress –Dimensioni pagina: 37,7 KB;Tempo di caricamento:538 ms
- Neve –Dimensioni pagina: 42,4 KB;Tempo di caricamento:552 ms
- Sydney –Dimensioni pagina: 48,1 KB;Tempo di caricamento:560 ms
- Astra –Dimensioni pagina: 48,5 KB;Tempo di caricamento:619 ms
- Kadence –Dimensioni pagina: 54,8 KB;Tempo di caricamento:628 ms
I migliori temi WordPress per il passaggio di Core Web Vitals nel 2023
Funzionalità, prezzi, risultati delle prestazioni: iniziamo con una panoramica dettagliata di ciascun concorrente.
1. Twenty Twenty-Three - Le migliori gemme con Gutenberg
Il tema predefinito Twenty Twenty-Three è stato sviluppato per utilizzare gli ultimi strumenti di progettazione introdotti in WordPress 6.1.
Il tema utilizza una base semplice e ordinata e fornisce dieci variazioni di stile distinte fornite dalla community di WordPress.
Twenty Twenty-Three ti consente di creare facilmente un sito Web di qualsiasi livello di complessità, utilizzando gli stili pre-progettati o adottando un approccio più pratico e personalizzandolo a tuo piacimento.
Ciò che colpisce dell'ultimo tema WordPress predefinito è la sua semplicità e leggerezza. Twenty Twenty-Three è flessibile e si adatta perfettamente alle funzionalità di modifica del sito di Gutenberg, come la modifica dei modelli, le variazioni di stile, la tipografia e i modelli di blocco.
Prezzo: gratuito
Installazioni attive: 800.000+
Le migliori caratteristiche: design minimalista, stili leggeri e pre-progettati
Adatto per: ambiente di test e creazione di una varietà di siti Web
Cosa hanno mostrato i nostri test
Twenty Twenty-Three ha ottenuto risultati notevoli in tutti e tre i test. Ancora più importante, i suoi Core Web Vitals basati su laboratorio erano nel verde, un prerequisito per un'eccellente performance nel mondo reale.
In PSI, ha ottenuto un punteggio perfetto su dispositivi mobili e desktop, ottenendo 100/100 in entrambi i test. Ha anche ottenuto un voto A in GTmetrix (punteggio delle prestazioni del 98%, punteggio della struttura del 100%) con 1,4 secondi di tempo di caricamento.
I nostri test Pingdom hanno confermato l'etichetta "leggera" di Twenty Twenty-Three. Con una dimensione di pagina di soli 26,3 KB, questo tema è stato il chiaro vincitore tra tutti quelli che abbiamo testato.
2. Hello Elementor: l'e-commerce di riferimento
Elementor è utilizzato dall'8,0% di tutti i siti Web, il che non sorprende considerando quanto sia facile creare una pagina Web. Bene, gli stessi sviluppatori responsabili della creazione di uno dei page builder più popolari hanno prodotto un tema veloce e leggero chiamato Hello Elementor.
Il tema è pubblicizzato per essere veloce e flessibile. Come ci si potrebbe aspettare, si integra perfettamente con Elementor e numerosi altri plugin come WooCommerce, Advanced Custom Fields, Yoast e altri.
Inoltre, offre oltre 100 design già pronti, che ti consentono di creare un sito Web perfettamente funzionante da zero.
Prezzo: gratuito
Installazioni attive: oltre 1 milione
Le migliori caratteristiche: leggero, oltre 100 design già pronti, personalizzabili
Adatto per: Costruire un sito web da zero
Cosa hanno mostrato i nostri test
Come Twenty Twenty-Three, Hello Elementor ha ottenuto ottimi risultati CWV sia su desktop che su dispositivi mobili.
Ha ottenuto un punteggio perfetto su GTmetrix e Pingdom. In effetti, i nostri test Pingdom lo hanno classificato come il secondo tema più leggero, con un tempo di caricamento di 520 ms, lo stesso del tema predefinito di WordPress.
Dovresti essere consapevole che sebbene sia commercializzato come leggero, Hello Elementor non è personalizzabile da solo. Dovrai aggiungere Elementor come soluzione per la creazione di pagine, che potrebbe influire sulle prestazioni del tuo sito web.
3. GeneratePress - Quello basato su blocchi
GeneratePress è un tema WordPress progettato per dare priorità a velocità, usabilità e accessibilità.
Il suo utilizzo di Gutenberg ti garantisce la libertà durante la creazione dei tuoi contenuti. Se utilizzi page builder, ti piacerebbe sapere che GeneratePress è completamente compatibile con tutti i principali, inclusi Beaver Builder ed Elementor.
GeneratePress è completamente reattivo ed è stato tradotto in oltre 25 lingue. Inoltre, include oltre 60 controlli colore, una potente tipografia dinamica, 5 posizioni di navigazione, 5 layout della barra laterale, menu a discesa e 9 aree widget.
Prezzo: Gratuito; $ 59 all'anno, $ 249 a vita
Installazioni attive: oltre 500.000
Migliori caratteristiche: orientato alla velocità, reattivo, compatibile con i costruttori di pagine
Adatto per: Tutti i tipi di siti web
Cosa hanno mostrato i nostri test
Una cosa che ha attirato la nostra attenzione durante la ricerca dei temi è stata l'affermazione di GeneratePress "100% Page Scores". Quindi eravamo ansiosi di provarlo.
Possiamo dire che GeneratePress ha parlato e fatto la passeggiata. Ha ottenuto punteggi prestazionali quasi perfetti in tutti e tre i test:
Per quanto riguarda le dimensioni della pagina, siamo rimasti sorpresi dai risultati. Eseguendo il nostro sito Web tramite Pingdom, la dimensione della pagina è arrivata a 37,7 KB, leggermente diversa dai "7,5 KB" che promettono sul loro sito Web.
4. Neve - Il versatile
Neve è un tema versatile e veloce che può essere personalizzato per vari scopi. È ideale per blogger, piccole imprese, startup, agenzie, aziende e negozi di e-commerce che utilizzano la vetrina di WooCommerce, siti di portfolio personali e vari altri progetti.
È ottimizzato per AMP e reattività, garantendo tempi di caricamento rapidi e una visualizzazione ottimale su qualsiasi dispositivo. Sebbene abbia un design minimalista, Neve può essere facilmente esteso e presenta un codice altamente ottimizzato per SEO che può risultare nelle migliori classifiche di ricerca di Google.
Neve è anche compatibile con Gutenberg e popolari page builder come Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin e Divi.
Prezzo: Gratuito; $ 69/anno; $ 149/anno; $ 249/anno
Installazioni attive: oltre 300.000
Le migliori caratteristiche: design reattivo, ottimizzato per SEO e minimalista
Adatto per: Una vasta gamma di scopi e siti
Cosa hanno mostrato i nostri test
Per quanto riguarda Core Web Vitals e punteggi delle prestazioni, Neve è buono come le opzioni precedenti.
Il motivo per cui è al quarto posto nella nostra lista è la dimensione della pagina e il tempo di caricamento, ma ciò non dovrebbe impedirti di provarlo.
Uno dei vantaggi di Neve è che utilizza vanilla JS piuttosto che un framework come JQuery. Ciò contribuisce a un miglioramento delle prestazioni e si traduce in un sito Web più reattivo.
5. Sydney - I freelance lo adorano
Sydney è un tema robusto che consente alle aziende o ai liberi professionisti di stabilire rapidamente una notevole presenza online.
Questo tema è completamente compatibile con Elementor e offre varie opzioni di personalizzazione, incluso l'accesso a tutti i caratteri Google, controllo completo del colore, controllo del layout, caricamento del logo, dispositivo di scorrimento a schermo intero, immagine dell'intestazione, navigazione adesiva e molte altre funzionalità.
Inoltre, Sydney fornisce tutti gli elementi costitutivi necessari per creare prontamente una pagina accattivante.
Prezzo: Gratuito; $ 69/anno, $ 99/anno; $ 199/vita
Installazioni attive: 100.000+
Migliori caratteristiche: accesso a Google Fonts, controllo del colore
Adatto per: siti Web aziendali
Cosa hanno mostrato i nostri test
Dopo aver completato una nuova installazione di Sydney, abbiamo testato le prestazioni del tema.
I risultati:
Ha tutti gli ingredienti per costruire un sito web che soddisfi i tuoi visitatori e i motori di ricerca.
In termini di velocità e Core Web Vitals, Sydney si classifica come gli altri temi. Tuttavia, la dimensione totale della pagina è due volte più grande (48,1 KB) rispetto a Twenty Twenty-Three.
6. Astra - Conosciuto da tutti, amato da tutti
Astra è il tema WordPress più popolare. È veloce, completamente personalizzabile e visivamente accattivante, il che lo rende una scelta adatta per vari scopi, come blog, portafogli personali, siti Web aziendali e vetrine WooCommerce.
Astra è inoltre progettato per essere leggero, con una dimensione del frontend inferiore a 50 KB, contribuendo alla sua velocità senza precedenti. Il tema è stato creato pensando alla SEO, integrando il codice Schema.org e il supporto AMP nativo per migliorare la visibilità del motore di ricerca del tuo sito.
Inoltre, Astra offre funzionalità e modelli unici compatibili con i più diffusi page builder come Elementor, Beaver Builder, Visual Composer, SiteOrigin e Divi, garantendo una perfetta integrazione con il tuo page builder preferito.
Prezzo: Gratuito; $ 47/anno, $ 137/anno; $ 187/anno; opzioni a vita disponibili
Installazioni attive: oltre 1 milione
Migliori caratteristiche: siti Web predefiniti, più opzioni personalizzabili, veloce
Adatto per: Ogni sito web
Cosa hanno mostrato i nostri test
Contrariamente alle nostre aspettative, Astra non si è comportata bene come pensavamo. Sì, i punteggi mobili PSI erano eccellenti, ma mostrava risultati inferiori alla media su desktop.
Inoltre, è stato sorprendente che abbia ottenuto solo un punteggio di prestazioni dell'85% su GTmetrix. Tuttavia, tutte le altre metriche erano simili ai leader della nostra classifica.
7. Kadence - Il preferito di basso profilo
Kadence è un tema WordPress leggero e ricco di funzionalità, che ti consente di creare facilmente siti Web belli, a caricamento rapido e accessibili.
Una delle sue caratteristiche degne di nota è un intuitivo generatore di intestazioni e piè di pagina con trascinamento della selezione che consente di creare qualsiasi tipo di intestazione in pochi minuti. Il tema vanta anche una libreria completa di fantastici modelli di base che possono essere facilmente personalizzati con l'aiuto di controlli globali intelligenti per font e colori.
Inoltre, il tema Kadence è altamente compatibile con i plug-in di terze parti più popolari, consentendoti di sviluppare rapidamente straordinari siti Web di e-commerce, siti Web di corsi, siti Web aziendali e altri tipi di siti.
Prezzo: Gratuito; $ 129/primo anno, $ 199/primo anno
Installazioni attive: oltre 200.000
Le migliori caratteristiche: drag-and-drop intuitivo, modelli di base, orientato alle prestazioni
Adatto per: Tutti i tipi di siti web
Cosa hanno mostrato i nostri test
Kadence ha una dimensione di pagina predefinita di 54,8 KB. Sebbene sia il più grande del gruppo, è comunque riuscito a eccellere in entrambi i test PSI e ad ottenere un punteggio A su GTmetrix.
Considerando quanto racchiude questo tema, potrebbe essere drasticamente migliorato con un po 'di ottimizzazione e un buon plug-in per l'ottimizzazione della velocità del sito.
Quale tema dovrei installare?
Tutti loro.
Sì, hai letto bene.
Abbiamo ristretto il nostro elenco a soli 7 temi perché volevamo fornirti un piccolo pool di opzioni che puoi testare da solo.
È molto più veloce e più facile esaminare da soli sette temi invece di travolgerti con un enorme elenco di oltre 50 temi.
Riteniamo che quelli inclusi in questo articolo offrano le basi migliori su cui costruire e avere un sito Web ben funzionante.
E sottolineiamo sulle fondamenta.
Nella nostra ricerca, abbiamo testato i temi senza aggiungere alcun contenuto o plug-in.
Quindi ti consigliamo di provarli tutti, giocare con le loro funzionalità di personalizzazione, aggiungere alcuni contenuti e installare un paio di plugin.
Quindi, prova e vedi cosa fornisce i migliori risultati in base alle tue esigenze e requisiti specifici.
Come migliorare ulteriormente i tuoi punti vitali fondamentali del Web [lista di controllo]
Basarsi su un tema ottimizzato per la velocità ti darà un vantaggio nel tuo viaggio in Core Web Vitals.
Tuttavia, in molti casi, fare affidamento esclusivamente su un tema veloce non è sufficiente per superare il limite.
Ecco perché abbiamo preparato un rapido elenco di buone pratiche che puoi seguire per ottimizzare ogni metrica CWV:
1. La più grande pittura contenta (LCP)
- Usa un tema leggero
- Non gonfiare il tuo sito con plugin non necessari
- Comprimi le tue immagini
- Pubblica immagini in formati di nuova generazione
- Precarica le immagini dei tuoi eroi
- Minimizza e comprimi i tuoi file di codice
- Implementa i CSS critici
- Usa un CDN
- Installa un plug-in per la memorizzazione nella cache
2. Primo ritardo di ingresso (FID)
- Ritarda o rimuovi gli script di terze parti non critici
- Minimizza e comprimi i tuoi file di codice
- Riduci i CSS inutilizzati
- Rinvia JavaScript inutilizzato
3. Spostamento cumulativo del layout (CLS)
- Aggiungi attributi di larghezza e altezza a immagini e video
- Riserva spazio per annunci, incorporamenti e iFrame
- Ottimizza la consegna dei caratteri
Sebbene possa sembrare un lavoro impegnativo, i vantaggi derivanti dall'applicazione di tutte queste best practice porteranno infine a eccellenti risultati di business nel mondo reale.
Tutto quello che devi fare è ottimizzare una cosa alla volta.
O…