Amikor nekiállsz felépíteni a WordPress weboldaladat, akkor az első komoly döntés nem a szín vagy a logó, hanem az, hogy a beépített Gutenberg blokkszerkesztővel csináld, vagy inkább ráhúzod az Elementort? Ez a döntés végigkísér az oldal egész élettartamán, a betöltési sebességtől kezdve egészen addig, mennyi pénzt szórsz rá évente.
2026 márciusában az Elementor kiadta a 4.0-s verzióját, Atomic Editor néven, ami az elmúlt évek legnagyobb újraírása volt a szerkesztőnél. Emiatta kérdés most máshogy szól, mint egy éve: a Gutenberg tényleg annyival gyorsabb-e még mindig, vagy az idei frissítés eltüntette ezt az előnyt?
Végigmegyünk a sebességen, a valós költségeken, és azon is, melyik szerkesztő melyik projekttípushoz illik jobban. A végére pontosan tudni fogod, melyiket telepítsd ma este, sőt azt is, hogyegyáltalán muszáj-e csak az egyik mellett letenned a voksod.
Mi a különbség a Gutenberg és az Elementor között?
- AGutenberg a WordPress saját, beépített blokkszerkesztője: ingyenes, és minden telepítésben ott van már az elején.
- AzElementor egy külön telepítendő bővítmény, ami sokkal nagyobb vizuális szabadságot ad, de ennek ára van, mind pénzben, mind teljesítményben.
Mi az a Gutenberg, és hogyan épül fel?
A Gutenberg 2018 óta, a WordPress 5.0-tól kezdve a rendszer szerves része. Minden tartalmi elem, egy bekezdés, egy kép, egy gomb, egy külön blokk, amit egymás alá vagy mellé rendezel. A háttérben tiszta, kommentekkel jelölt HTML-t generál, extra CSS- és JS-fájlok tömkelege nélkül.
Ez a natív jelleg két dolgot jelent a gyakorlatban. Egyrészt bármelyik WordPress témával működik, plusz plugin nélkül. Másrészt a full site editing funkcióval blokk témák mellett (ilyen például a GeneratePress vagy az Astra blokk-verziója) a fejlécet és a láblécet is a szerkesztőben állítod össze, nem a témabeállításokban kutakodva.
Mi az az Elementor, és miben más a filozófiája?
AzElementor ezzel szemben egy teljesen vizuális, drag-and-drop oldalépítő, ami jelenleg is a legnépszerűbb bővítmény a kategóriájában, világszerte több mint 16 millió weboldal fut vele. A logikája egyszerű: amit a szerkesztőben látsz, pontosan azt kapja a látogató is.
Konténerekbe rendezed az elemeket, és mindegyikhez több mint 90 widget közül válogathatsz: szövegtől az animált popupig. Ez a szabadság a fő vonzereje, és ez az, amiért annyi kezdő és ügynökség is mellette teszi le a voksát, még ha a teljesítmény sokszor ennek az árát fizeti is meg.
A legfontosabb technikai különbségek egy pillantásra
| Szempont | Gutenberg | Elementor |
|---|---|---|
| Telepítés | Beépített, nincs teendő | Külön bővítményt kell telepíteni |
| Ár | Ingyenes | Ingyenes alap + fizetős Pro |
| Tanulási görbe | 2-3 nap | 1-2 hét a haladó funkciókhoz |
| Generált kód | Kevés, tiszta HTML | Beágyazott divek, több CSS/JS |
| Design szabadság | Alapszintű, de bővül | Pixelpontos, teljes kontroll |
| Frissítés | Automatikus, a WordPress-szel együtt | Külön kell frissíteni |
A táblázatból egy dolog azonnal kiugrik: az Elementor szinte minden sorban több munkát ad vissza neked, cserébe nagyobb szabadságért. Ez önmagában nem baj, csak tudatosan válaszd meg, mikor éri meg ezt a cserét bevállalnod, és mikor nem.
Melyik gyorsabb? Sebesség, Core Web Vitals és az Elementor 4 hatása
A Gutenberg alapból gyorsabb, ez tény, de az Elementor 2026 márciusában megjelent 4.0-s Atomic Editora jelentősen csökkentette a lemaradást. Ha ma kérdeznéd meg, melyik nyer tiszta sebességben, a válasz még mindig a Gutenberg, csak kisebb előnnyel, mint korábban.
Miért gyorsabb alapból a Gutenberg?
A számok elég egyértelműek.Gutenberggel és könnyű témával épített oldalakjellemzően 1,2 másodperc alatti mobilos LCP-t érnek el, míg egyoptimalizálatlan Elementor oldal mobilon 3,8-5,2 másodperces LCP-t is produkálhat. Ez pontosan annyi, amennyiért a látogatóid fele már el is hagyta az oldalt, mire betöltött volna.
A magyarázat a DOM-ban keresendő.Egy tipikus Elementor oldal kétszer-háromszor annyi HTML-elemet generál, mint egy natív Gutenberg oldal, mert minden konténer, oszlop és widget saját beágyazott div-eket hoz létre. A böngészőnek egyszerűen több munkája van az első megjelenítéssel.
Mit hozott az Elementor 4.0 Atomic Editor 2026-ban?
Az Elementor 4.0 atomi építőelemeket, globális változókat és osztályokat, valamint újrafelhasználható komponenseket vezetett be, amikkel egy stílus módosítása minden olyan oldalon frissül, ahol az adott elemet használod.
Emellett a szerkesztő már a 3.24-es verziótól kezdve tartalmaz Element Caching funkciót, ami összetett elrendezéseknél akár 30%-kal csökkenti a szerveroldali válaszidőt. Ettőlmég nem előzi meg a Gutenberget, de a korábbi, sokszor kínosan lassú Elementor-oldalak kora lassan a múlté.
Hogyan optimalizáld az oldalad, ha mégis Elementort választasz?
Ha a design szabadság miatt Elementor mellett döntesz, van néhány kötelező lépés.Kapcsold be az Optimized DOM Output és az Optimized Asset Loading opciókat a beállításokban, ezek csak azt a CSS-t és JS-t töltik be, amire az adott oldalnak ténylegesen szüksége van.
Ezen kívülválassz könnyű témát (a Hello Elementor pont erre való),tömörített WebP képeket tölts fel, és ne halmozz fel öt-hat addon bővítményt egymásra. Ha ennél is mélyebbre mennél a beállításokban, ezt egy különElementor útmutatóban is részletesen körbejártuk, lépésről lépésre.
Mennyibe kerül a Gutenberg és az Elementor?
A Gutenberg nulla forintba kerül, mert a WordPress magja. Az Elementor Pro viszont évi kb. 21 000 forinttól indul egyetlen weboldalra, és ez csak a belépő szint.
Gutenberg: tényleg 100%-ban ingyenes?
Igen, és ez nem apró betűs trükk. Nincs rejtett Pro verzió, nincs limitált próbaidőszak. A Gutenberg jelenleg több mint 100 beépített blokkot kínál, galériák, táblázatok, oszlopos elrendezések és közösségimédia-beágyazások is köztük, szóval a start vonalon már ezekkel is elég sokat tudsz kezdeni.
Ha viszont több sablont vagy fejlettebb elrendezési lehetőséget szeretnél, mint amit az alap blokkkészlet kínál, érdemes egy blokk-könyvtár bővítményt melléraknod, mint a GenerateBlocks vagy a Kadence Blocks. Ezek ingyenes verziója a legtöbb esethez elég, a prémium csomagjaik pedig jóval az Elementor Pro ára alatt maradnak.
Elementor Pro csomagok és a reális éves költség
Az Elementor hivatalos árazása szerint az Essential csomag 59 dollár évente egyetlen weboldalra, ami a jelenlegi árfolyamon kb. 21 000 forint. Három weboldalhoz az Advanced csomag 99 dollár (kb. 35 000 Ft), 25 weboldalhoz pedig az Expert 199 dollár (kb. 70 000 Ft) évente.
Fontos: ezminden csomagban ugyanazt a funkciókészletet adja, a különbség kizárólag a kezelhető weboldalak számában van. Ha csak egy oldalad van, felesleges a drágább csomagra költened.
Rejtett költségek: bővítmények, sablonok, karbantartás
Az Elementor sablonkönyvtárának nagy része Pro előfizetést kér, tehát a licencdíj gyakorlatilag kötelező, ha sablonokból akarsz építkezni. Ha ezen felül egy addon bővítményt is bevetsz (Essential Addons, Happy Addons, ElementsKit), az további évi 40-60 dollárba kerülhet.
A karbantartás sem elhanyagolható tétel: az Elementort külön kell frissítened, és minden nagyobb verzióváltás után érdemes tesztelned az oldaladat, mert a widgetek és a témák közötti kompatibilitás időnként megbicsaklik. A Gutenberg ezzel szemben a WordPress-szel együtt frissül, külön odafigyelés nélkül.
Érdemes azzal is számolnod, hogy egy erőforrás-igényesebb Elementor oldalhoz jellemzően erősebb tárhely kell, mint egy könnyű Gutenberg oldalhoz. Ez ritkán jelenik meg a szoftver árcéduláján, mégis ott van az éves költségvetésedben.
Melyiket válaszd? Döntési útmutató projekttípus szerint
Ha tartalomközpontú oldalt építesz, blogot vagy híroldalt, a Gutenberg bőven elég, és gyorsabb is. Ha vizuálisan komplex webshopot vagylanding oldalt akarsz, az Elementor rugalmassága gyorsabban célba juttat.
Blog vagy hírportál esetén
Itt a Gutenberg a magától értetődő választás. A blokk minták (block patterns) segítségével gyorsan összeállítasz egységes bejegyzés-sablonokat, a szerkesztőfelület pedig kifejezetten szövegközpontú munkára lett optimalizálva. Egy szerkesztőségi csapatnak ráadásul nem kell külön Elementor-tudást tanítania minden új kollégának, elég megmutatni a blokkok logikáját, és fél óra múlva önállóan publikál mindenki.
Cégoldal, bemutatkozó weboldal esetén
Itt már döntés kérdése. Ha pár aloldalból álló, egyszerű bemutatkozó oldalt akarsz, a Gutenberg block patternjeivel is összerakható gyorsan. Ha viszont egyedi, márkázott dizájnt szeretnél kódolás nélkül, az Elementor sablonjai fejlesztő nélkül is profi eredményt hoznak. Ha ebben az irányban indulnál el, van egyrészletes WordPress weboldalkészítési útmutatónk is, ami lépésről lépésre végigvisz a folyamaton.
Webshop (WooCommerce) esetén
Itt az Elementor Pro előnye egyértelmű. AWooCommerce Builder funkcióval a termékoldalt, a kosarat és a pénztárt is vizuálisan alakíthatod, ami komoly különbség tud lenni a konverzióban egy sablonos, alapértelmezett termékoldalhoz képest. Nézd meg mit lehet kihozni aWordPress + WooCommerce párosból a gyakorlatban.
Landing oldal, kampányoldal esetén
Kampányoldalnál a sebesség és a konverzió egyszerre számít, ezért itt is inkább az Elementor mellett érdemes döntened: a beépített popup-készítő és a pixelpontos elrendezés kifejezetten erre való. Csak ne feledkezz meg az optimalizálásról, mert egy lassú landing oldal pont azt a pár másodpercet veszíti el, ami miatt a látogató inkább visszalép.
Ha PPC-kampányból vagy hírlevélből terelsz forgalmat egy landing oldalra, minden extra másodperc a betöltésben látható konverzióvesztést jelent. Ilyenkor éri meg igazán a fentebb említett optimalizálási lépéseket (gyorsítótár, tömörített képek, kevés addon) komolyan venni, különben az Elementor vizuális előnyét a lassúság simán felzabálja.
Válthatsz később? Migráció és hibrid használat
Igen, sőt ez a gyakorlatban bevett módszer: rengeteg oldal Gutenberggel kezeli a blogbejegyzéseket, Elementorral pedig a landing oldalakat, ésa kettő simán megfér egymás mellett ugyanazon a WordPress telepítésen.
Hogyan néz ki a hibrid workflow a gyakorlatban?
A WordPress oldalanként engedi kiválasztani a szerkesztőt. A gyakorlatban ez azt jelenti, hogy ablog szekciót Gutenberggel viszed, mert gyors és a szerkesztőség könnyen kezeli, a főoldalt és a landing oldalakat pedig Elementorral építed, ahol tényleg számít a pixelpontos kontroll. Egyik döntés sem zárja ki a másikat.
A főoldalon és két landing oldalon Elementort használsz a kampányokhoz, miközben a blog kétszáz bejegyzése Gutenberggel fut. Egyik szerkesztő betöltése sem lassítja a másikat, mert oldalanként csak az aktuálisan használt kód töltődik be, nem az egész oldal minden gépezete egyszerre.
Mikor éri meg Elementorról Gutenbergre váltani?
Akkor gondolkodj a váltáson, ha a sebességi problémák visszatérő panaszt jelentenek, ha a Pro licenc éves díja már nem éri meg a kapott értékhez képest, vagy ha a tartalmi csapatod inkább egy egyszerűbb, gyorsabban tanulható szerkesztőt szeretne.Fordítva, egy tisztán tartalmi oldalból ritkán éri meg Elementorra váltani, hacsak nincs konkrét vizuális igényed, ami a Gutenberggel nem old meg.
Mire figyelj migráció közben?
A migráció nem kockázatmentes. Az Elementor saját, egyedi shortcode- és adatstruktúrát használ, amit a Gutenberg natívan nem ért, ezért blokk-konvertáló bővítményre vagy kézi átírásra lehet szükséged. Mindig tesztkörnyezetben próbáld ki előbb, készíts teljes mentést, és számolj vele, hogy a képek és egyedi stílusok egy része kézi utómunkát igényel.
Egy jó tanács: ne egyszerre, egy nagy ugrással migrálj minden oldalt. Kezdd a legkevésbé kritikus aloldalakkal, nézd meg, hogyan viselkedik a Gutenberg-verzió éles forgalommal, és csak utána vidd át a fontosabb, konverziót hozó oldalakat.
Gyakran ismételt kérdések
Gyorsabb a Gutenberg, mint az Elementor?
Igen, a Gutenberg alapból gyorsabb, mert kevesebb kódot tölt be és tisztább HTML-t generál. Az Elementor 4.0-s Atomic Editora és az Element Caching funkció csökkentette a különbséget, de a Gutenberg még mindig előnyben van tiszta betöltési sebességben.
Használható egyszerre a Gutenberg és az Elementor?
Igen, a WordPress oldalanként engedi választani a szerkesztőt. Sok oldal a blogbejegyzéseket Gutenberggel, a landing oldalakat pedig Elementorral kezeli, és ez a hibrid megoldás a gyakorlatban jól működik.
Rosszabb SEO szempontból az Elementor?
Nem közvetlenül, de a lassabb betöltési idő közvetve ronthatja a rangsorolást, mert a Core Web Vitals rangsorolási tényező. Megfelelő optimalizálással (gyorsítótár, tömörített képek, kevés addon) az Elementor is jó SEO-eredményt hozhat.
Nehéz megtanulni a Gutenberget?
Nem, alapszinten 2-3 nap alatt megtanulható. Az Elementor haladó funkcióinak elsajátítása ezzel szemben jellemzően 1-2 hetet vesz igénybe, cserébe nagyobb vizuális szabadságot ad.
Összefoglalás
A Gutenberg vs Elementor kérdésben nincs egyetlen igaz válasz, csak a te projekted igazi válasza. Ha gyors, tartalomközpontú oldalt akarsz nulla forintból, a Gutenberg a nyerő. Ha vizuálisan igényes webshopot vagy landing oldalt építesz, és hajlandó vagy fizetni a szabadságért, az Elementor 2026-os Atomic Editora már sokkal kevésbé fájó kompromisszum, mint korábban volt.
A legjobb döntés egyébként sokszor nem is választás: sok sikeres oldal mindkét szerkesztőt használja, csak más-más feladatra. Először tisztázd, milyen oldalt építesz és mekkora a költségvetésed, aztán ez alapján válassz, és ha kell, tesztelj mindkettőt egy próba oldalon, mielőtt élesben elköteleződnél.
Akárhogy is döntesz, a szerkesztő csak az egyik fele az egyenletnek: egy jó tárhely nélkül sem a Gutenberg sebességelőnyét, sem az Elementor vizuális szabadságát nem fogod tudni teljes mértékben kihasználni. Ha ezt is rendbe tennéd, telepítsd fel a választott szerkesztőt még ma, és rakd össze az első próbaoldaladat, mielőtt bármit is véglegesítenél élesben.
