Ik ben een fan van Genesis Framework en gebruik het nu al 3-4 jaar. GeneratePress of Astra moest kijken . Het zijn geweldige thema's en niet zo opgeblazen als ik zou denken.
Meestal hebben de thema's voor beginners honderden opties. Ze zijn niet erg licht, maar laten we niets aannemen en testen.
Ik heb de licenties voor beide thema's gekocht en een aantal demosites opgezet. Ik heb wat inhoud geïmporteerd van de modeblog van mijn vrouw.
Eerste tests
Met GTMetrix zien de eerste tests er als volgt uit:
Een WordPress-installatie met GeneratePress Premium heeft 33 KB en doet 13 verzoeken. De laadtijd bedraagt 0,7 seconden (ik heb uit 3 tests de beste tijd gekozen).
Een WordPress-installatie met Astra Pro-thema heeft 92 KB en doet 14 verzoeken. De laadtijd is 0,9 seconden (beste uit 3 tests).
Beide zijn eenvoudige WordPress-installaties, geen plug-ins, maar ik heb Gutenberg wel geïnstalleerd. Ik denk dat het belangrijk is om te testen terwijl Gutenberg geactiveerd is, aangezien het onderdeel gaat worden van WordPress.
Het lijkt erop dat GeneratePress jQuery niet laadt en dat is de reden dat het minder KB heeft dan Astra.
Een echte website bouwen
Dat is geweldig, maar ik wil zien wat er aan de hand is als ik een echte website probeer te bouwen.
Dus ik ga meer plug-ins installeren, afbeeldingen toevoegen en proberen een website in metselwerkstijl te bouwen, gewoon voor het doel, om een duidelijk doel te hebben.
Ook zal ik een paar kleine aanpassingen maken, zoals ik zou doen bij het bouwen van een echte website. Dat betekent het verwijderen van de wp-emoji En wp-embed JS, afbeeldingen optimaliseren en ik gebruik de Litespeed Cache-plug-in CSS en JS optimaliseren en inrichten
Pas aan
Laten we beginnen met aanpassen en exact dezelfde wijzigingen aanbrengen op beide sites:
- stel een logo en sitepictogram in
- de indeling instellen
- de kleuren instellen
Ik hou van de eenvoud van het werken in de WordPress-aanpasser. Het is een geweldige richting waar WordPress en de WordPress-thema's naartoe gaan, maar het is niet 100% voor mij.
Ik vind het leuk om wat dingen in te stellen in de Customiser. Maar om elk aspect van de website daar te ontwerpen – te veel muisklikken, ik voel het carpaletunnelsyndroom opkomen.
Het voelt overbodig, ik moet op 3 of 4 verschillende plaatsen dezelfde kleur instellen: het hoofdmenu, het sticky-menu, het mobiele menu.
Het is hetzelfde menu, waarom zoveel klikken om één kleur in te stellen?
Ik zou me meer op mijn gemak voelen in een teksteditor (ik gebruik Atom) als ik zoek en vervang voor de HEX-kleurcode. Maar dit bewijst dat de thema's, zowel Astra als GeneratePress, niet zijn gemaakt voor mensen zoals ik die zich op hun gemak voelen in een teksteditor en weten wat HEX is.
Enkele post
Ze zijn gemaakt voor mensen die heel eenvoudig een website willen bouwen, gewoon door rond te klikken en opties in te stellen.
En met dit uitgangspunt in gedachten denk ik dat Astra beter is, omdat ik met GeneratePress niet heb bereikt wat ik wilde.
Wat ontbreekt in GeneratePress is de mogelijkheid om de breedte van de inhoud van een enkel bericht aan te passen. U moet aangepaste CSS toevoegen om het naar wens te krijgen.
Onderstaande afbeelding is hoe ik eruit wilde zien. Astra heeft het bijna bij het rechte eind. Ik wilde een breedte van 700 px en er is een limiet in Astra tot 768 px, maar dat is oké.
In GeneratePress ziet het enkele bericht er daarentegen uit als de afbeelding hieronder. De inhoud bestrijkt de volledige breedte van de container. Je kunt het niet instellen in de customizer, je moet aangepaste CSS toevoegen.
Ook heeft Astra een betere styling voor de navigatie en de navigatie met één post, de standaardstijlen zijn goed genoeg voor mij. In GeneratePress zou ik meer CSS moeten toevoegen om het op te maken zoals ik dat wil.
Dus als het doel is om een website te bouwen zonder code aan te raken, faalt GeneratePress daar.
Astra heeft ook een betere styling voor de navigatie en de navigatie met één bericht, de standaardstijlen zijn goed genoeg voor mij. In GeneratePress zou ik meer CSS moeten toevoegen om het te stylen.
Over het algemeen zijn beide leuke thema’s, ideaal voor beginners die beginnen met WordPress.
Conclusie
Vanuit het perspectief van de gebruikerservaring neig ik enigszins naar Astra Pro. Het voelde als minder werk voor mij om het er te laten uitzien zoals ik het bedoeld had. Het heeft meer opties en fijnere bedieningselementen, zoals spatiëring en aangepaste breedtes.
Het metselwerkeffect is echter beter in GeneratePress. Het verandert van 3 kolommen naar 2 en vervolgens naar 1 naarmate de viewport kleiner wordt. In Astra verandert dit rechtstreeks van 3 kolommen naar 1 kolom. Klein detail, maar als u wilt dat uw website pixel-perfect is, is dat van belang.
Vanuit prestatieperspectief lijkt GeneratePress beter, het heeft kleinere CSS- en JS-bestanden en doet minder verzoeken.
Eén ding dat ik niet weet te evalueren, is al die inline CSS die beide thema's genereren, Astra meer dan GeneratePress.
Hoeveel inline CSS is teveel? Als u gegevens heeft over hoe dit de snelheid kan beïnvloeden, kunt u mij dit laten weten in het opmerkingengedeelte.
Ik kan geen duidelijke winnaar zien, de resultaten zijn tegenstrijdig. Soms is Astra sneller dan GeneratePress, soms is het andersom.
De laadsnelheid is voor beide testsites vrijwel hetzelfde, ongeveer 1,1 seconde.
Ik heb getest met GTMetrix, Pingdom Tools en Chrome DevTools (cache uitgeschakeld) met beide demowebsites op hetzelfde gedeelde hostingaccount.
Wat denk je? Welk thema heeft jouw voorkeur?
Laat een reactie achter