Sono un fan di Genesis Framework, lo uso ormai da 3-4 anni. Ma uno dei nostri clienti mi ha detto di dare un'occhiata a GeneratePress o Astra . Sono temi fantastici e non sono così gonfiati come potrei pensare.
Di solito, i temi adatti ai principianti hanno centinaia di opzioni. Non sono molto leggeri ma non diamo per scontato nulla e testiamo.
Ho acquistato le licenze per entrambi i temi e creato alcuni siti demo. Ho importato alcuni contenuti dal blog di moda di mia moglie.
Prove iniziali
Utilizzando GTMetrix, i test iniziali si presentano così:
Un'installazione di WordPress con GeneratePress Premium ha 33 KB ed effettua 13 richieste. Il tempo di caricamento è di 0,7 secondi (ho scelto il tempo migliore tra 3 test).
Un'installazione di WordPress con il tema Astra Pro ha 92 KB ed effettua 14 richieste. Il tempo di caricamento è di 0,9 secondi (migliore di 3 test).
Entrambe sono semplici installazioni di WordPress, senza plugin, ma ho installato Gutenberg. Penso che sia importante testare con Gutenberg attivato poiché farà parte di WordPress.
Sembra che GeneratePress non carichi jQuery e questo è il motivo per cui ha meno KB di Astra.
Costruire un vero e proprio sito web
È fantastico, ma voglio vedere cosa succede quando provo a costruire un vero sito web.
Quindi installerò più plugin, aggiungerò immagini e proverò a costruire un sito web in stile muratura, solo per il gusto di farlo, per avere un obiettivo chiaro.
Inoltre, apporterò alcune piccole modifiche, come farei quando costruisco un vero sito web. Ciò significa rimuovere il wp-emoji E wp-embed JS, ottimizzando le immagini e sto usando il file Plug-in Litespeed Cache per ottimizzare CSS e JS e configurare
Personalizza
Iniziamo a personalizzare, apportando le stesse identiche modifiche su entrambi i siti:
- impostare un logo e un'icona del sito
- impostare il layout
- impostare i colori
Mi piace la semplicità di lavorare nel personalizzatore WordPress. È un'ottima direzione in cui stanno andando WordPress e i temi WordPress, ma per me non è al 100%.
Mi piace impostare alcune cose nel personalizzatore. Ma per progettare ogni aspetto del sito web lì – troppi clic del mouse, sento che la sindrome del tunnel carpale sta prendendo il sopravvento.
Mi sembra ridondante, devo impostare lo stesso colore in 3 o 4 posti diversi: il menu principale, il menu permanente, il menu mobile.
È lo stesso menu, perché così tanti clic per impostare un colore?
Mi sentirei più a mio agio in un editor di testo (io uso Atom) eseguendo una ricerca e sostituzione del codice colore HEX. Ma questo dimostra che i temi, sia Astra che GeneratePress, non sono fatti per persone come me che si sentono a proprio agio con un editor di testo e sanno cos'è HEX.
Postazione unica
Sono pensati per le persone che desiderano creare un sito Web in modo molto semplice, semplicemente facendo clic e impostando le opzioni.
E con questa premessa in mente, penso che Astra sia migliore perché non sono riuscito a realizzare ciò che volevo con GeneratePress.
Ciò che manca a GeneratePress è la possibilità di personalizzare la larghezza del contenuto del singolo post. Devi aggiungere CSS personalizzati per ottenerlo nel modo desiderato.
Questa immagine qui sotto è come volevo apparire. Astra ha quasi ragione. Volevo una larghezza di 700px e in Astra c'è un limite a 768px, ma va bene.
In GeneratePress, invece, il singolo post si presenta come nell'immagine qui sotto. Il contenuto si estende per l'intera larghezza del contenitore. Non puoi impostarlo nel Customizer, devi aggiungere CSS personalizzato.
Inoltre, Astra ha uno stile migliore per la navigazione così come per la navigazione dei singoli post, i suoi stili predefiniti sono abbastanza buoni per me. In GeneratePress avrei bisogno di aggiungere più CSS per modellarlo come desidero.
Quindi, se l’obiettivo è costruire un sito web senza toccare il codice, GeneratePress fallisce lì.
Astra ha anche uno stile migliore per la navigazione e per la navigazione a post singolo, i suoi stili predefiniti sono abbastanza buoni per me. In GeneratePress avrei bisogno di aggiungere più CSS per dargli uno stile.
Nel complesso, entrambi sono temi carini, ottimi per i principianti che iniziano con WordPress.
Conclusione
Dal punto di vista dell'esperienza utente, sono leggermente propenso verso Astra Pro. Mi è sembrato meno lavoro per farlo sembrare come lo intendevo. Ha più opzioni e controlli più precisi, come spaziatura e larghezze personalizzate.
Tuttavia, l'effetto in muratura è migliore in GeneratePress. Cambia da 3 colonne a 2 e poi a 1 man mano che il viewport diventa più piccolo. In Astra, passa direttamente da 3 colonne a 1 colonna. Piccoli dettagli, ma quando vuoi che il tuo sito web sia pixel-perfetto è importante.
Dal punto di vista delle prestazioni, GeneratePress sembra migliore, ha file CSS e JS più piccoli e fa meno richieste.
Una cosa che non so valutare è tutto quel CSS inline che generano entrambi i temi, Astra più che GeneratePress.
Quanti CSS in linea sono troppi? Se disponi di dati su come ciò potrebbe influire sulla velocità, faccelo sapere nella sezione commenti.
Non riesco a vedere un chiaro vincitore, i risultati sono contrastanti. A volte Astra è più veloce di GeneratePress, a volte è il contrario.
La velocità di caricamento è praticamente la stessa per entrambi i siti di test, circa 1,1 secondi.
Ho testato con GTMetrix, Pingdom Tools e Chrome DevTools (cache disabilitata) con entrambi i siti Web demo sullo stesso account di hosting condiviso.
Cosa ne pensi? Quale tema preferisci?
Lascia un commento