Astra vs GeneratePress 2023: Performanță și caracteristici

Ești interesat de GeneratePress și Astra pentru următorul tău proiect web? Este logic să le luați în considerare, deoarece ambele sunt teme WordPress ușoare care pun performanța în fruntea priorităților lor.

În acest articol, vom analiza performanța GeneratePress și Astra și vom colecta date de comparație dintr-un scenariu real. De asemenea, vom împărtăși câteva tehnici pentru creșterea performanței și revizuirea principalelor caracteristici ale acestora, pentru a vă ajuta să alegeți între ele.

Ce temă este mai rapidă: GeneratePress sau Astra? Ești pe cale să-ți dai seama!

Cum testăm performanța GeneratePress vs. Astra (abordare completă mobilă)

Pentru a măsura performanța GeneratePress și Astra, adoptăm o abordare complet mobilă cu servere situate în Franța.

Instrumente de performanță și KPI

Teme: comparăm cele două versiuni gratuite ale temelor GeneratePress și Astra. Deși ambele oferă suplimente premium, nu le-am instalat pentru acest audit.

Instrumente și valori:

• GTmetrix (Dimensiunea paginii, timpul de încărcare completă și numărul de solicitări HTTP pe mobil – de la un iPhone 12 din Paris )
• Google PageSpeed ​​Insights (Pentru principalele elemente vitale web: Cea mai mare vopsea de conținut și alte valori cheie de performanță: Schimbare cumulativă a aspectului – Index de viteză, Timp total de blocare și Prima vopsea de conținut)

Locurile de testare

Pentru a menține lucrurile cât mai corecte posibil, am construit site-urile noastre de testare cu blocurile Editor WordPress și apoi am schimbat pur și simplu temele. Am proiectat următoarele module:

• Un antet erou cu o imagine de fundal
• Casete de text și imagini
• Pictograme
• Galerie de imagini (folosim aceleasi imagini pentru ambele)

Comparație între performanța GeneratePress și Astra

Acum să comparăm cele două site-uri folosind PageSpeed ​​Insights și GTmetrix. Să trecem la date!

Pentru referință, așa arată ambele site-uri noastre de testare:

Pagina noastră cu GeneratePress (aceleași module)	Pagina noastră cu Astra (aceleași module)

Să începem cu prima metrică, nota de performanță mobilă: sunt destul de asemănătoare pentru ambele teme. Primim o notă portocalie pe Google PageSpeed ​​Insights cu 81/100 pentru Astra și 82/100 pentru GeneratePress.

Performanța rezumatului Astra vs. GeneratePress

Iată un tabel rezumat cu toți KPI-urile de performanță pe care le-am obținut pentru ambele teme. Ar trebui să vă ajute să comparați vizual ambele teme:

*Core Web Vitals

Este Astra mai rapid decât GeneratePress? – Răspunsuri cheie

• Ambele teme sunt foarte asemănătoare ca performanță, deoarece au primit 81/100 (Astra) și 82/100 (GeneratePress) pe mobil.
• Astra și GeneratePress au aproape același timp de încărcare complet de aproximativ 3 secunde.

• Despre Core Web Vitals:
  • Layout Shift cumulativ: Astra are performanțe mai bune decât GeneratePress și evită schimbările bruște ale layout-urilor (cu un CLS de 0 s, comparativ cu GeneratePress, care este în roșu cu un scor de 0,521).
  • Cea mai mare vopsea de conținut: cea mai mare vopsea de conținut (LCP) de la GeneratePress este de 3,3 secunde față de 4,1 s pentru Astra (care pune acest Core Web Vital în roșu.
• Numărul de solicitări HTTP este similar (20 și 21), dar dimensiunea paginii Astra este mai ușoară: 788 KB (față de 953 KB pentru GeneratePress).

Pentru a aprofunda auditul performanței, să aruncăm o privire la secțiunile de mai jos pentru diagnosticarea și oportunitățile Lighthouse.

Secțiunea de oportunități PageSpeed ​​Insights pentru GeneratePress

Performanța GeneratePress este satisfăcătoare, dar există loc de îmbunătățire în următoarele domenii:

• Activați compresia textului – Prin comprimarea conținutului dvs., vă asigurați că paginile dvs. vor fi difuzate vizitatorilor mai rapid.
• Reduceți timpul de răspuns inițial al serverului - Înseamnă că ar trebui să încercăm să întârziem JS pentru a avea un răspuns mai rapid al serverului. Principalele soluții sunt curățarea bazei de date, utilizarea codului curat și implementarea stocării în cache.
• Reduceți CSS neutilizat – Decuparea codului prin reducerea CSS neutilizat va afecta pozitiv timpul de încărcare a paginii.
• Serviți imagini în formatul de nouă generație – Lighthouse recomandă difuzarea imaginilor în WebP sau AVIF pentru a oferi o compresie mai bună atunci când utilizați imagini online.
• Serviți active statice cu o politică de cache eficientă – Totul este despre utilizarea unui plugin eficient de cache.

Secțiunea Oportunități și diagnosticare PageSpeed ​​Insights pentru Astra

În general, am aflat că lipsa memoriei cache și imaginile slab optimizate sunt principalii vinovați pentru semnalele roșii de mai jos. Iată îmbunătățirile pe care trebuie să le implementăm pentru site-ul nostru de testare Astra:

Acum că știm unde ne aflăm în ceea ce privește performanța pentru ambele teme, să urmăm recomandările PageSpeed ​​Insights și să profităm de WP Rocket (și Imagify) pentru a remedia cu ușurință toate aceste probleme de performanță.

Cum să accelerezi Astra și să generezi presă

Pentru a accelera Astra și GeneratePress, prima recomandare Lighthouse este să utilizați un plugin de cache precum WP Rocket. Reduce timpul de răspuns al serverului prin memorarea în cache a conținutului, optimizarea codului și a bazei de date și implementarea compresiei textului.

În ceea ce privește optimizarea imaginilor, Lighthouse sugerează să permită Imagify să codifice eficient imaginile și să asigure performanța. Imagify este un plugin de optimizare a imaginii ușor de utilizat, care comprimă imaginile și le convertește în WebP.

Bine, este timpul să ne uităm la modul în care ambele teme funcționează acum după ce s-au rezolvat toate problemele.

Rezultate îmbunătățite de performanță datorită WP Rocket (și Imagify)

WP Rocket și Imagify au îmbunătățit semnificativ scorul pentru Lighthouse pentru ambele teme. Acum avem 100/100 pentru GeneratePress și Astra:

GeneratePress + WP Rocket + Imagify (PSI)	Astra + WP Rocket + Imagify (PSI)

Datorită WP Rocket și Imagify, trecem acum de auditul PageSpeed ​​Insights! Am remediat toate problemele semnalate în secțiunile de oportunități și diagnosticare ale GeneratePress.

Problemele GeneratePress semnalate de Lighthouse	WP Rocket și Imagify le-au reparat pe toate!

Aceleași îmbunătățiri și remedieri s-au întâmplat pentru Astra:

Problemele Astrei semnalate de Lighthouse	WP Rocket și Imagify le-au reparat pe toate!

Pentru a rezuma, am alcătuit un tabel de comparație globală care arată performanța ambelor teme cu și fără WP Rocket + Imagify (optimizatorul de imagine):

*Core Web Vitals

Concluzii cheie cu WP Rocket

Datorită WP Rocket, am observat îmbunătățiri majore de performanță pentru ambele teme, cum ar fi:

• Nota de performanță mobilă pe PageSpeed ​​Insights a crescut la 100/100 pentru ambele.
• WP Rocket și-a îmbunătățit scorul Core Web Vitals și toți s-au mutat în verde.
  • Cea mai mare vopsea de conținut (LCP) a trecut de la 3,3 s la 0,7 s pentru GeneratePress și de la 4,1 s la 0,6 pentru Astra.
  • Schimbările de aspect al conținutului (CLS) au trecut de la 0,524 la 0 pentru Generatepress.
• Am economisit aproximativ 1 s în timpul de încărcare a paginii pentru ambele.
• Numărul de solicitări HTTP a scăzut și pentru ambele teme: de la 21 la 16 pentru Astra și de la 20 la 15 pentru GeneratePress.
• Indicele de viteză este acum de 0,6 s pentru GeneratePress (era 5 s și era în roșu).
• Dimensiunea paginii este mult mai mică pentru ambele teme. A trecut de la aproape 788 KB la 588 KB pentru Astra și de la 957 KB la 547 KB pentru GeneratePress.
• Toate problemele semnalate în problemele PageSpeed ​​Insights sunt acum în auditul trecut.

Concluzii cheie cu Imagify

• Imagify a comprimat imaginile noastre în câteva clicuri, ceea ce o face foarte ușor de utilizat.
• Toate imaginile noastre au fost comprimate și convertite în WebP (formatul de nouă generație recomandat de Google).
• Imagify a ajutat la rezolvarea problemelor „servire imaginea în formatul de generație următoare” și problemele de „codare eficient a imaginilor” de la PageSpeed.

Mai jos sunt cele două butoane pe care le-am apăsat pentru a ne optimiza imaginile:

• Conversie WebP pentru a face imaginile mai ușoare.

• Comprimare inteligentă a imaginilor în vrac – Comprimarea tuturor imaginilor tale funcționează automat în fundal și face treaba în locul tău.

Să descoperim toate funcțiile WP Rocket care au ajutat la creșterea vitezei ambilor creatori de pagini:

• Memorarea în cache și comprimarea GZIP și text – WP Rocket se aplică automat cu memorarea în cache și compresia GZIP la activare.

• Reduceți CSS, combinați CSS și eliminați CSS neutilizat – Pentru a optimiza livrarea CSS.

• În mod similar, există și câteva opțiuni pentru a reduce, amâna și amâna JavaScript.

Auditul nostru de performanță este acum finalizat. Să ne uităm la caracteristicile principale ale fiecărei teme pentru a vă ajuta să decideți care este alegerea potrivită pentru nevoile dvs.

GeneratePress vs. Astra: caracteristici cheie și prețuri

Astra și GeneratePress au aceeași abordare: versiunea lor gratuită este un cadru de bază care vă permite să construiți orice pe deasupra, fără a afecta performanța.

• Teme ușoare populare – Atât Astra, cât și GeneratePress sunt teme ușoare populare, care reprezintă o bază excelentă pentru a avea un site cu încărcare rapidă. O nouă instalare GeneratePress adaugă mai puțin de 10 kb (gzipped) la dimensiunea paginii dvs., iar Astra adaugă doar 50KB pe front-end. Astra este utilizat pe peste 1 milion de site-uri, iar GeneratePress a trecut recent de 500 000 de instalări.

Utilizarea Personalizatorului pentru a personaliza tema – Ei se bazează pe Personalizatorul WordPress pentru a modifica opțiunile și pentru a face modificările vizual.

GeneratePress + Personalizare WordPress nativă	Astra + Personalizare WordPress nativă

• Bibliotecă site-ului Starters – Ambele au interfețe intuitive care sunt foarte ușor de utilizat. Tot ce trebuie să faceți este să selectați și să importați șablonul pe care doriți să îl utilizați pe site-ul dvs. WordPress. Nu trebuie să fii un dezvoltator avansat pentru a folosi ambele instrumente, iar șabloanele sunt foarte bine concepute.

Cum să utilizați biblioteca pentru Astra:

• Instalați pluginul gratuit „Șabloane de pornire”.
• Alegeți șablonul la alegere, puteți sorta după categorii și adăugați un filtru „premium”.
• Importul va începe automat...

Cum să utilizați biblioteca pentru GeneratePress:

• Trebuie să aveți activate GP Premium și modulul bibliotecii site-ului .
• Accesați Aspect > GeneratePress > Biblioteca site-ului.
• Alegeți aspectul pentru a începe importul.

Biblioteca de site-uri GeneratePress	Biblioteca Site-urilor Astra

• Compatibilitate cu generatorii de pagini – GeneratePress și Astra sunt compatibile cu cei mai populari generatori de pagini, și ambele oferă șabloane prefabricate construite pe Elementor, Beaver Builder și Editorul WordPress.

Șabloane GeneratePress pregătite pentru generatorul de pagini (Exemplu: Elementor + GeneratePress)	Șabloane Astra pregătite pentru generatorul de pagini (Exemplu: Elementor + Astra)

• Suplimente premium - Ambele teme sunt freemium, ceea ce înseamnă că, dacă doriți să deblocați unele funcții avansate, șabloane și integrări, va trebui să achiziționați un supliment premium.

Ce este în GeneratePress Premium?	Ce este în Astra Pro?

• Compatibilitate WooCommerce - ambele teme sunt compatibile cu WooCommerce și oferă câteva funcții dedicate. Ambii au șabloane gata de utilizare construite cu WooCommerce pentru a construi un magazin online pe baze solide.

Demo-uri dedicate bazate pe WooCommerce GeneratePress (extras)	Demo-uri dedicate bazate pe WooCommerce Astra (extras)

• Comunitate internațională – ambele au o comunitate grozavă la nivel mondial, cu grupuri Facebook interesante (10K pentru GeneratePress și 54K pentru Astra). Cu toate acestea, este mai probabil să întâlniți echipa Astra (condusă de Sujay Payar) la WordCamp, deoarece acestea par să fie mai implicate în comunitatea WordPress.

GeneratePress vs. Astra: Principalele diferențe

• Personalizatorul este mai puțin detaliat pentru GeneratePress – ceea ce are sens pentru abordarea sa ușoară, fără umflături – dar este mai puțin prietenos pentru începători decât Astra, unde personalizarea pare mai ușoară. De exemplu, dacă trebuie să modificăm subsolul, există o reprezentare vizuală a aspectului:

• Biblioteca de șabloane este mai bogată pentru Astra – Astra vine cu multe blocuri prefabricate care pot fi folosite, cum ar fi antet, mărturii, tabele de prețuri și îndemn. GeneratePress are o bibliotecă cu pagini prefabricate, dar blocurile nu sunt la fel de impresionante din perspectiva designului. Astra oferă mai multe anteturi prefabricate, așa că este o idee bună dacă ești începător sau nu vrei să începi de la zero.
• Etichetare albă (numai Astra) – Astra Pro vă oferă opțiunea de a face etichetă albă, ceea ce este interesant dacă intenționați să predați site-ul unui client și să adăugați personalizările dvs.

• GeneratePress urmează mai îndeaproape teoria „mai puțin este mai mult” și oferă o temă mai minimalistă decât Astra: totul este integrat în interfața WordPress, iar când vine vorba de activarea opțiunilor avansate, totul este foarte simplu.
• Astra are integrări mai strânse cu plugin-uri populare precum Learndash sau LifterLMS care vă permit, de exemplu, să lansați un curs online complet în câteva clicuri.

Prețuri GeneratePress vs. Astra

GeneratePress oferă două prețuri cu acces la aceleași caracteristici. Fie plătiți 59 USD/an, fie obțineți licența pe viață pentru 249 USD. În ambele cazuri, veți avea funcții premium, bibliotecă, actualizări și asistență. Singura limită este utilizarea GeneratePress pe până la 500 de site-uri web.

Astra oferă, de asemenea, prețuri pe viață și anuale. Începe de la 47 USD, dar veți avea nevoie de „Pachetul esențial” la 137 USD pentru a accesa biblioteca. Cea mai bună valoare este „Growth Bundle”, deoarece vă oferă acces la multe blocuri și suplimente SEO, precum și la formare avansată.

Încheierea

Când vine vorba de viteză, cele două teme au obținut rezultate similare, timpul de încărcare pe mobil a fost aproximativ același, la fel și timpul de încărcare a paginii. Alegerea finală va depinde de nevoile dvs. și de cât de mult aveți nevoie de o temă integrată cu restul ecosistemului WordPress.

În orice caz, puteți construi un site avansat și îl puteți supraalimenta cu funcții premium puternice din ambele teme.

Dacă întâmpinați unele probleme de performanță în timpul procesului de dezvoltare, atunci puteți utiliza WP Rocket și Imagify pentru a le rezolva.

WP Rocket este recomandat de GTmetrix pentru a reduce timpul de răspuns al serverului, de exemplu.

Deci, pe ce temă te îndrepți? În prezent, utilizați o temă care vă încetinește site-ul? Amintiți-vă că WP Rocket și Imagify au crescut semnificativ performanța și ne-au făcut să obținem un scor 100/100 la PageSpeed ​​Insights. Utilizați WP Rocket pentru a îmbunătăți viteza site-ului dvs. WordPress și puteți încerca, de asemenea, Imagify gratuit. Nu vă asumați niciun risc, deoarece dacă nu observați îmbunătățiri, vă oferim o rambursare în termen de 14 zile de la achiziție.