Jsem fanouškem Genesis Framework, používám ho již 3-4 roky. Ale jeden z našich klientů mi řekl, abych se podíval na GeneratePress nebo Astra . Jsou to skvělá témata a nejsou tak nabubřelá, jak bych si mohl myslet.
Témata určená začátečníkům obvykle přicházejí se stovkami možností. Nejsou moc lehké, ale nic nepředpokládajme a testujme.
Zakoupil jsem licence pro obě témata a založil jsem několik demo webů. Importoval jsem nějaký obsah z módního blogu mé ženy.
Počáteční testy
Pomocí GTMetrix vypadají počáteční testy takto:
Instalace WordPress s GeneratePress Premium má 33 KB a vytvoří 13 požadavků. Doba načítání je 0,7 sekundy (nejlepší čas jsem vybral ze 3 testů).
Instalace WordPressu s tématem Astra Pro má 92 KB a vytvoří 14 požadavků. Doba načítání je 0,9 sekundy (nejlepší ze 3 testů).
Oba jsou prosté instalace WordPress, žádné pluginy, ale nainstaloval jsem Gutenberg. Myslím, že je důležité testovat s aktivovaným Gutenbergem, protože to bude součástí WordPressu.
Vypadá to, že GeneratePress nenačítá jQuery a to je důvod, proč má méně KB než Astra.
Vytvoření skutečné webové stránky
To je skvělé, ale chci vidět, co se děje, když se pokusím vytvořit skutečný web.
Chystám se tedy nainstalovat další pluginy, přidat obrázky a pokusím se vytvořit web ve stylu zdiva, jen tak pro jistotu, abych měl jasný cíl.
Také udělám několik malých úprav, jako bych to udělal při vytváření skutečné webové stránky. To znamená odstranit wp-emoji a wp-embed JS, optimalizaci obrázků a používám Litespeed Cache plugin optimalizovat CSS a JS a nastavit
Přizpůsobit
Začněme s přizpůsobením a proveďte na obou webech úplně stejné změny:
- nastavit logo a ikonu webu
- nastavit rozložení
- nastavit barvy
Líbí se mi jednoduchost práce ve WordPress Customizeru. Je to skvělý směr, kterým se WordPress a témata WordPressu ubírají, ale není to pro mě 100%.
Rád nastavuji některé věci v Customizeru. Ale navrhnout tam každý aspekt webu – příliš mnoho kliknutí myší, cítím, jak se začíná projevovat syndrom karpálního tunelu.
Připadá mi to zbytečné, musím nastavit stejnou barvu na 3 nebo 4 různých místech – hlavní menu, lepivé menu, mobilní menu.
Je to stejné menu, proč tolik kliknutí pro nastavení jedné barvy?
Bylo by mi pohodlnější v textovém editoru (používám Atom) hledat a nahrazovat HEX kód barvy. Ale to dokazuje, že témata, jak Astra, tak GeneratePress, nejsou stvořena pro lidi jako jsem já, kterým vyhovuje textový editor a vědí, co je HEX.
Jediný příspěvek
Jsou určeny pro lidi, kteří chtějí vytvořit web velmi snadno, pouhým kliknutím a nastavením možností.
A s ohledem na tento předpoklad si myslím, že Astra je lepší, protože se mi s GeneratePress nepodařilo dosáhnout toho, co jsem chtěl.
Věc, která v GeneratePress chybí, je možnost přizpůsobit šířku obsahu jednoho příspěvku. Musíte přidat vlastní CSS, abyste to dostali tak, jak chcete.
Tento obrázek níže je, jak jsem chtěl vypadat. Astra to má skoro správně. Chtěl jsem šířku 700 pixelů a v Astře je limit na 768 pixelů – ale je to v pořádku.
Na druhou stranu v GeneratePress vypadá jediný příspěvek jako na obrázku níže. Obsah se rozprostírá na celou šířku kontejneru. V Customizeru to nastavit nejde, musíte přidat vlastní CSS.
Astra má také lepší styl pro navigaci i navigaci jednotlivých příspěvků, její výchozí styly mi stačí. V GeneratePress bych potřeboval přidat další CSS, abych to stylizoval tak, jak chci.
Pokud je tedy cílem vytvořit web bez dotyku kódu, GeneratePress tam selže.
Astra má také lepší styl navigace i navigace jednotlivých příspěvků, její výchozí styly mi stačí. V GeneratePress bych potřeboval přidat další CSS, abych to stylizoval.
Celkově jsou obě pěkná témata, skvělá pro začátečníky začínající s WordPress.
Závěr
Z pohledu uživatelské zkušenosti se mírně přikláním k Astře Pro. Přišlo mi to jako méně práce, aby to vypadalo tak, jak jsem zamýšlel. Má více možností a jemnějších ovládacích prvků, jako jsou mezery a vlastní šířky.
Efekt zdiva je však lepší v GeneratePress. Změní se ze 3 sloupců na 2 a poté na 1, jak se výřez zmenšuje. V Astře se změní ze 3 sloupců přímo na 1 sloupec. Drobné detaily, ale když chcete, aby byl váš web dokonalý v pixelech, záleží na něm.
Z hlediska výkonu se GeneratePress zdá lepší, má menší soubory CSS a JS a dělá méně požadavků.
Jedna věc, kterou nevím, jak vyhodnotit, je všechno to inline CSS, které obě témata generují, Astra víc než GeneratePress.
Kolik inline CSS je příliš mnoho? Pokud máte údaje o tom, jak by to mohlo ovlivnit rychlost, dejte mi vědět v sekci komentářů.
Nevidím jasného vítěze, výsledky jsou rozporuplné. Někdy je Astra rychlejší než GeneratePress, někdy je tomu naopak.
Rychlost načítání je pro obě testovací místa v podstatě stejná, přibližně 1,1 sekundy.
Testoval jsem pomocí GTMetrix, Pingdom Tools a Chrome DevTools (mezipaměť vypnutá) s oběma ukázkovými weby na stejném sdíleném hostingovém účtu.
co myslíš? Jaké téma preferujete?
Zanechat odpověď