GenerateBlocks vs. Elementor. Miért jobb választás a GenerateBlocks?

Az Elementor népszerű, de nem mindig a legjobb választás. Megmutatom, miért lehet gyorsabb, egyszerűbb és hosszabb távon praktikusabb a GenerateBlocks.

Bevezető

Az Elementor az egyik legismertebb WordPress-oldalkészítő, és kétségtelenül sok olyan funkciót kínál, amellyel programozás nélkül lehet látványos weboldalakat készíteni.

Mégis egyre több WordPress-fejlesztő és weboldal-tulajdonos keres egyszerűbb, gyorsabb és kevésbé túlméretezett megoldást.

Ilyen alternatíva lehet a GenerateBlocks, amely egészen más szemléletet követ. Nem egy komplett vizuális oldalépítő rendszert próbál biztosítani minden elképzelhető funkcióval, hanem a WordPress natív szerkesztőjére építve ad olyan építőelemeket, amelyekkel rugalmasan lehet oldalakat kialakítani.

Ez különösen akkor lehet érdekes, ha a cél nem az, hogy minél több beállítás legyen egyetlen felületen, hanem az, hogy gyors, jól karbantartható és hosszú távon is stabil WordPress-weboldal készüljön.

Mit mondanak a számok?

Nézzük meg először a WP Hive segítségével, hogy melyik bővítmény mennyit „fogyaszt”. Látványosan billen a mérleg a GenerateBlocks felé:

Egy átlalános összehasonlítás a WordPress.org statisztikái alapján:

Megjegyzés: Az Elementor jóval nagyobb felhasználói bázissal rendelkezik, ezért a két bővítmény telepítési számai önmagukban nem alkalmasak arra, hogy a minőségüket összehasonlítsuk. De feltételezésekkel lehet élni.

A telepítések számában egyértelműen az Elementor vezet. Ebben részt vállal az is, hogy sok marketinges és WordPress oktató az Elementort preferálja, így széles körben, gyorsan nő a felhasználói bázisa. A másik oldalról ott van a GenaratePress kinézet, amely 7,2 millió letöltésnél jár, és 100000+ FIZETŐS vásárlója van.

Beszédes viszont a PHP verzióbeli, illetve WordPress verzióbeli nagyobb kompatibilitás a GenerateBlocks-nál.

És meglepően nagyobb arányban kap az Elementor NEM 5-ös értékelést, ezen belül is konkrétan 1-est. Utóbbit a Generateblocks csak 1,64%-ban kap, az Elementor viszont 8,8%-ban. Több mint 5x annyiszor kap az Elementor arányaiban 1-es értékelést.

Mi a probléma az Elementorral?

Fontos leszögezni: az Elementor önmagában nem hibás vagy használhatatlan. Rengeteg weboldal készül vele, és bizonyos projektekhez kifejezetten kényelmes lehet.

A probléma inkább abból adódhat, hogy egy vizuális oldalépítő nagyon sok olyan funkciót tartalmaz, amelyre egy adott weboldalnak valójában nincs szüksége.

Egy egyszerű céges weboldalnál például könnyen előfordulhat, hogy a weboldal készítéséhez egy olyan rendszer kerül az oldalra, amely animációkat, popupokat, dinamikus elemeket, saját widgeteket, sablonrendszert és számtalan egyéb lehetőséget biztosít. Az más kérdés, hogy üzletileg van-e ezeknek hasznuk, de készülnek ilyen weboldalak.

Minél több rendszer vesz részt egy oldal megjelenítésében, annál több mindent kell a böngészőnek, a tárhelynek és a WordPressnek kezelnie.

Ez nem jelenti azt, hogy minden Elementor-oldal lassú. A teljesítményt rengeteg más tényező is befolyásolja: a használt sablon, a bővítmények, a képek, a tárhely, a JavaScript-kódok, a cache és maga a weboldal felépítése. A WordPress weboldal gyorsítás, webáruház sebességnövelés oldalon egészen részletesen írtam erről.

Viszont egy egyszerű oldalnál érdemes feltenni a kérdést:
Szükség van-e egy komplett page builderre, ha a WordPress saját blokkszerkesztője is elegendő lehet? Megéri az ezzel járó problémákat is a nyakunkba venni egy rakás olyan funkció miatt, amit nem is használunk?

Biztonsági problémák

Az utóbbi időszakban több biztonsági probléma is felmerült az Elementor kapcsán. GeneratePress-nél még nem jelent meg biztonsági frissítés.

Egyéb problémák

Az Elementor One fejlesztéssel nagyon afelé mennek a fejlesztők, hogy még jobban magukhoz láncolják a weboldakat, és függőségi viszont alakítsanak ki. Ez nyílt forráskódú (WordPress) rendszernél szerintem nem jó, illetve vállalkozóként személy szerint nem építenék olyanra, akit nem lehet lecserélni. Volt ilyenben részem, tanultam belőle.

Továbbiak:

• Az Elementor nem kompatibilis a Polylang minden funkciójával.
• Az Elementor nem kompatibilis a 7.1-es WordPress-től elérhető újdonsággal, miszerint az admin sáv felül marad az oldal szerkesztésekor.

Persze később mindegyik problémát orvosolhatják a fejlesztők.

A GenerateBlocks közelebb marad a WordPress alapjaihoz

A GenerateBlocks egyik legfontosabb előnye éppen az, hogy nem akarja teljesen lecserélni a WordPress szerkesztési módját. A Gutenberg blokkos szerkesztőjét használja, és ehhez ad további építőelemeket.

A GenerateBlocks segítségével például létrehozható:

• Konténer,
• grid,
• szöveg,
• kép,
• gomb,
• cím,
• dinamikus tartalom,
• újrafelhasználható komponens.

Így nem feltétlenül kell egy külön vizuális szerkesztőfelületet használni az egész weboldalhoz. Ez hosszú távon azért is előnyös lehet, mert a weboldal tartalma közelebb marad a WordPress natív rendszeréhez. Ez csökkentheti annak a kockázatát, hogy a weboldal működése egyetlen külső oldalépítő rendszerhez legyen kötve.

Kevesebb „builderfüggőség”

Egy weboldalnál nemcsak az számít, hogy ma mennyire egyszerű szerkeszteni. Az is fontos kérdés, hogy mi történik három vagy öt év múlva.

Egy erősen page builderre épített oldal esetében a builder a weboldal egyik központi eleme lehet. Ha azt eltávolítjuk, könnyen előfordulhat, hogy az oldal tartalma és megjelenése jelentősen megváltozik. Az Elementor nem a legrosszabb ebből a szempontból. Egy DIVI Builder-t nehezebb utólag lecserélni, de azért az Elementor is az élmezőnyben van a „mennyire nehéz megválni tőle” versenyben.

A GenerateBlocks más megközelítést alkalmaz. Mivel a WordPress blokkrendszerére épít, kevésbé szakítja el a weboldalt a WordPress alapjaitól. Ez nem azt jelenti, hogy GenerateBlocks használata esetén soha nem merülhet fel probléma. Azt viszont igen, hogy a weboldal felépítése közelebb marad a WordPress natív működéséhez.

Teljesítmény: nem mindegy, mennyi kódot tölt be az oldal

A weboldal sebességénél gyakran találkozunk azzal a tévhittel, hogy egyetlen bővítmény önmagában „gyors” vagy „lassú”. A valóság ennél összetettebb. Egy weboldal teljesítményét befolyásolja például:

• A HTML mérete,
• a CSS mennyisége,
• a JavaScript,
• a betöltött fontok,
• a képek mérete,
• a külső szolgáltatások,
• a cache,
• a szerver válaszideje,
• az adatbázis-lekérdezések,
• bővítmények száma,
• használt kinézetek,
• PHP verzió,
• valamint az oldal teljes felépítése.

Egy jól felépített GenerateBlocks + Gutenberg weboldalnak lehetősége van egyszerűbb forráskód-kimenetre, ami kedvező kiindulópont lehet a teljesítmény szempontjából.

A Gutenberg + GenerateBlocks kombinációja nagyon rugalmas

Elsőre furcsának tűnhet, de a GenerateBlocks egyik nagy előnye éppen az, hogy nem próbál mindent megoldani helyetted. A Gutenberg önmagában is egy nagyon erős rendszer.

A GenerateBlocks ehhez ad olyan alapvető építőelemeket, amelyekkel sokkal szabadabban lehet kialakítani az oldal szerkezetét. Egy tipikus oldal például felépülhet így:

Container (tároló) → Grid (rács) → Container (Tároló) → Headline (Címsor) → Text (Szöveg) → Button (Gomb)

Ez egyszerűnek hangzik, de valójában nagyon sokféle elrendezés létrehozható vele. A Minták és Sablonok oldalon is rengeteg demo elrendezést meg lehet nézni. Ráadásul a Gutenberg blokkjai miatt a tartalomszerkesztés továbbra is a WordPress megszokott környezetében történik.

Kevesebb felesleges funkció

Az Elementor egyik erőssége egyben a hátránya is lehet. Rengeteg mindent tud. Ez nagyszerű, ha valóban szükség van ezekre a funkciókra.

De egy egyszerű és haladóbb bemutatkozó oldal sincs szükség pl. az alábbiakra:

• Összetett popup-rendszerre,
• több száz widgetre,
• komplex animációs lehetőségekre,
• külön sablonkezelési rendszerre,
• rengeteg vizuális beállításra.

Ilyenkor könnyen kialakulhat az úgynevezett „ágyúval verébre” probléma. Egy kisebb weboldalhoz nem feltétlenül kell egy komplett oldalépítő. Néha jobb egy kisebb, célzottabb eszközkészlet.

Könnyebb lehet a karbantartás

Egy WordPress-weboldal nem akkor készül el, amikor a fejlesztő átadja. Onnantól kezdődik igazán a hosszú távú üzemeltetés. A karbantartási feladatok tárháza széles skálán mozog:

• A WordPresst,
• a sablont,
• a bővítményeket,
• a PHP-t,
• a WooCommerce-t, ha van,
• valamint az integrációkat.

Minél több rendszer vesz részt az oldal működésében, annál több kompatibilitási problémával találkozhatunk. Egy egyszerűbb technikai felépítés ezért hosszú távon komoly előnyt jelenthet.

A Gutenberg + GenerateBlocks + GeneratePress kombináció például egy olyan megközelítést képvisel, amelyben az oldal jelentős része kevés, egymással szorosan együttműködő komponensre épül.

Elementor hibák

Több fajta hibába belefutok rendszeresen Elementor alapú oldalak napi használatánál, karbantartásánál. A „Divi, Elementor, Avada Builder vagy WPBakery oldal cseréje” cikkben így írtam az egyik legbosszantóbb jelenségről:

Fehér oldal/szétesett weboldal:

„Ezzel a legnagyobb gond, hogy karbantartáskor számtalan esetben elszáll a weboldal, és korábbi verzióra kell visszaállni. Emellett kismillió kiegészítő van hozzá, amit a „kollégák” szívesen fel is pakolnak, amellyel még tovább mélyítik a szakadékot a WordPress és az Elementor kompatibilitása között. Manapság ezt ajánlják a marketingesek. Én soha, senkinek nem ajánlottam. Olyannyira nem, hogy nálam kizáró ok, ha ezzel kérnek egy új weboldalt. Mert ugye ajánlották nekik…”

500-as hiba, sakk-matt helyzettel:

De olyan is van, hogy egyszerűen nem lehet frissíteni a tartalmat szerverhiba miatt. Találkoztam olyan esettel is, ahol nem lehet a PHP verziót feljebbváltani, mert nem lehet biztonsági okokból régebbi verzióra váltani később. Amíg a tárhelyes nem változtat ebben a kérdésben, vagy az ügyfél nem szánja el magát tárhelyváltásra, vagy kinézetcserére, addig nem tudja az Elementoros tartalmait szerkeszteni. Vicc, de sajnos ez a helyzet.

Egy másik példa, amikor kizárólag Elementor van a WordPress-ben, és mégis lehalt tőle a szerkesztőfelület:

És nem, a „biztonságos üzemmód” sem indult el.

A GeneratePress mellett különösen jól működik

A GenerateBlocks egyik legérdekesebb tulajdonsága, hogy nagyon jól illeszkedik a GeneratePress ökoszisztémájába. A három elem együtt (WordPress Gutenberg + GenerateBlocks + GeneratePress) egy meglehetősen letisztult WordPress-rendszert alkot.

A GeneratePress adja a sablon alapjait, a Gutenberg a szerkesztési környezetet, a GenerateBlocks pedig azokat az építőelemeket, amelyekkel összetettebb oldalstruktúrák is kialakíthatók. Így nincs szükség arra, hogy egyetlen page builderre bízzuk a weboldal teljes megjelenítését.

Nem minden weboldalhoz jobb a GenerateBlocks

Ezt is érdemes kimondani. Nem lenne korrekt azt állítani, hogy a GenerateBlocks minden esetben jobb az Elementornál. Az Elementor bizonyos projektekhez kifejezetten praktikus lehet. Ilyenkor a váltás önmagában nem feltétlenül indokolt.

Például akkor, ha:

• Valaki teljesen vizuális szerkesztési élményt szeretne,
• sok előre elkészített widgetre van szükség,
• összetett vizuális elemeket kell gyorsan létrehozni,
• az adott fejlesztőcsapat már évek óta Elementorban dolgozik (bár váltani nem ciki, én is megtettem THE7-ről a sebesség miatt),
• vagy egy meglévő Elementor-weboldalt kell továbbfejleszteni (itt is érdemes átgondolni a csere lehetőségét a fentiek miatt).

A kérdés mindig az, hogy az egy adott weboldalhoz szükség van-e egy komplex rendszerre.

Mikor érdemes GenerateBlocksot választani?

A GenerateBlocks különösen érdekes lehet akkor, ha fontos:

• A gyors weboldal,
• az egyszerű technikai felépítés,
• a kevés plugin,
• a könnyebb karbantarthatóság,
• a Gutenberg használata,
• a hosszú távú stabilitás,
• a rugalmas reszponzív kialakítás,
• valamint az, hogy ne egyetlen page builder határozza meg az egész weboldal működését.

Egy új céges weboldalnál például érdemes lehet már a tervezés elején eldönteni, hogy valóban szükség van-e Elementorra. Ha a válasz nem, akkor a Gutenberg + GenerateBlocks irány egyszerűbb kiindulópont lehet.

Elementor → GenerateBlocks: érdemes váltani?

Ha már működő Elementor-weboldalad van, nem feltétlenül érdemes csak azért azonnal lecserélni, mert létezik egy másik megoldás.

A váltás akkor lehet indokolt, ha például:

• A weboldal teljesítményével rendszeresen problémák adódnak,
• túl sok Elementor-specifikus megoldás épült az oldalba,
• egyszerűsíteni szeretnéd a technikai hátteret,
• újratervezés előtt állsz,
• vagy hosszú távon szeretnél közelebb kerülni a WordPress natív működéséhez, amely stabilabb hátteret adhat.

Egy teljes migráció azonban komoly munka lehet. Nem egyszerűen arról van szó, hogy kikapcsoljuk az Elementort és bekapcsoljuk a GenerateBlocks-ot. A meglévő oldal struktúráját, sablonjait, widgetjeit, CSS-ét és speciális funkcióit is át kell gondolni. Ezért egy működő weboldalnál mindig érdemes előbb megvizsgálni, hogy a migráció várható előnye valóban megéri-e a ráfordított munkát.

Ez egy piszkos trükk, hogy meggyőzzél egy új weboldal szükségességéről?

Nem. Az „Inkorrekt webfejlesztők piszkos trükkjei” cikkből idézek:

„Tudatlanság – a „szakember” egyszerűen nem ismeri a használt oldalépítgetőt, és ragaszkodik ahhoz, amelyben otthonosan mozog. Pl.: Divi, Elementor, stb. Ez amellett, hogy plusz költség az ügyfélnek, jelentős kötöttséget is adhat a jövőre nézve (pl.: DIVI-ből nehéz szabadulni, de szerintem ajánlott). Érdemes megfogadni a következő tanácsot: Ha a „szakember” nem ismeri a használt rendszert, akkor nem a rendszert kell lecserélni, hanem a szakembert! Kivéve persze, ha a használt rendszer tényleg egy elavult és nem hatékony megoldás (pl.: DIVI, Elementor – sokkal jobb, gyorsabb, könnyebben használható építők vannak már ezeknél).”

A kiemelt részben van a lényeg. Ha ennek a cikknek a hatására a megújítás mellett döntesz, hosszú távon neked lesz könnyebb életed. Természetesen szívesen segítek a megújításban, de ha mást bízol meg a feladattal, akkor is jobban jársz, mintha maradsz az Elementornál.

A lényeg, amit magaddal tudsz vinni

• Az Elementor legnagyobb előnye, hogy nagyon sok mindent lehet vele vizuálisan megoldani.
• A GenerateBlocks filozófiája ezzel szemben inkább az, hogy ne használjunk komplex rendszert ott, ahol a WordPress saját blokkos rendszere és néhány jól megválasztott építőelem is elegendő.

Ezért a kérdés nem feltétlenül az, hogy: az „Elementor vagy GenerateBlocks – melyik a jobb?„, hanem inkább: „Mire van szüksége az adott weboldalnak?”

Ha egy látványos, sok vizuális funkciót tartalmazó weboldalt szeretnél, az Elementor kényelmes választás lehet. Ha viszont egy gyors, letisztult, jól karbantartható és a WordPress natív működéséhez közelebb álló weboldalt szeretnél, akkor érdemes komolyan megfontolni a Gutenberg + GenerateBlocks megközelítést.

Nem az a cél, hogy minél többet tudó eszköz legyen a weboldalon (ennek minden hátrányával), hanem az, hogy kizárólag az legyen rajta, amire valóban szükséged van.