Elementor of Gutenberg in 2026: welke WordPress-editor kies je?

Elementor of Gutenberg kiezen draait in 2026 om één afweging: Gutenberg, de standaard blokeditor van WordPress, levert lichtere pagina's en zit ingebouwd in elke installatie. Elementor geeft meer visuele vrijheid en een vertrouwde werkwijze, maar voegt een extra laag code toe. Voor de meeste nieuwe bedrijfssites is Gutenberg de logische start; voor bestaande Elementor-sites is blijven vaak verstandiger.

Stand van zaken november 2026: WordPress 7.1.4 is de actuele versie, WordPress 7.2 zit in de bètafase en Elementor heeft met versie 4 een nieuwe editor uitgerold. Je keuze bepaalt hoe snel je website laadt, hoe makkelijk je later iets aanpast en hoe afhankelijk je bent van één plugin. Dat geldt voor ondernemers die zelf pagina's bijhouden en voor webdesigners die sites bouwen voor klanten. Draait je site op managed WordPress-hosting van Heijsen, dan zitten de licenties voor Elementor Pro en Divi al in het pakket, dus de prijs van de plugin hoeft je keuze niet te sturen.

1. Wat is het verschil tussen Elementor en Gutenberg?

Gutenberg is de blokeditor die standaard in WordPress zit, Elementor is een losse page builder-plugin die je erbovenop installeert. Volgens het Block Editor Handbook van WordPress gebruikt de blokeditor een modulair systeem van blokken, waarbij elk blok een afzonderlijk element is, zoals een alinea, een kop, een afbeelding of een embed.

Gutenberg slaat de opmaak op als gewone HTML met korte commentaarregels in de berichtinhoud. Zet je Gutenberg ooit uit of wissel je van thema, dan blijft je tekst leesbaar. Met de Site Editor (in WordPress onder Weergave > Editor bij een blokthema) bewerk je ook headers, footers en templates met dezelfde blokken. Het bestand theme.json regelt daarbij kleuren, lettertypes en afstanden centraal. Volgens de WordPress-documentatie kwam theme.json met WordPress 5.8 en is versie 3 van het formaat geïntroduceerd in WordPress 6.6.

Elementor werkt met een eigen visuele editor met slepen en neerzetten, eigen widgets en eigen opslag van de opmaak. Elementor geeft je pixelprecieze controle per sectie, per apparaat en per element, zonder dat je CSS hoeft te schrijven. De keerzijde: de vormgeving van een Elementor-pagina is gekoppeld aan de Elementor-plugin. Deactiveer je Elementor, dan houd je vooral losse tekst en afbeeldingen over en verdwijnt de lay-out.

Kort gezegd: Gutenberg is een onderdeel van WordPress zelf, Elementor is een extra platform binnen WordPress. Dat verschil verklaart bijna alle voor- en nadelen in de rest van dit artikel.

2. Hoe staan Elementor en Gutenberg ervoor in november 2026?

Beide editors zijn in 2026 flink vernieuwd: WordPress kreeg twee hoofdversies met verbeteringen voor de blokeditor en Elementor stapte over op een nieuwe, zogenaamde atomic editor. Volgens het releaseoverzicht van WordPress.org verscheen WordPress 7.0 op 20 mei 2026 en WordPress 7.1 op 19 augustus 2026. De nieuwste onderhoudsversie, WordPress 7.1.4, kwam uit op 28 oktober 2026.

WordPress 7.0 bracht voor de blokeditor onder meer visuele revisies (je bladert door eerdere versies van een pagina), patronen die zich als één blok gedragen, een eigen canvas voor het navigatiemenu en een lettertypebibliotheek die voor alle thema's werkt. Daarmee is de blokeditor voor gewone gebruikers een stuk prettiger geworden dan een paar jaar geleden.

Elementor zit op versie 4.3.5, uitgebracht op 13 oktober 2026. Volgens de officiële Elementor V4 FAQ draait de Atomic Editor op een architectuur die CSS centraal zet en op prestaties gericht is, met nieuwe Atomic Elements die klassen, variabelen, interacties en componenten ondersteunen. Op elke nieuwe Elementor-installatie staan de atomic-functies standaard aan. Bestaande sites kiezen zelf wanneer ze overstappen, en oude widgets en nieuwe Atomic Elements kunnen op dezelfde pagina samengaan. Functies als Grid en Loop voor de Atomic Elements zijn volgens Elementor nog in ontwikkeling.

De Elementor-pluginpagina op WordPress.org noemt als minimum WordPress 6.8 en PHP 7.4, en raadt WordPress 7.0 of hoger en PHP 8.3 of hoger aan. Draai je een oudere PHP-versie, dan is dat los van je editorkeuze een reden om te updaten.

3. Welke editor geeft een snellere WordPress-website?

Gutenberg levert bij een vergelijkbaar ontwerp meestal een lichtere pagina op dan Elementor, omdat de blokeditor minder extra HTML-lagen, scripts en stylesheets laadt. Een Elementor-sectie bestaat traditioneel uit meerdere geneste containers per element, terwijl een Gutenberg-blok vaak met één of twee HTML-elementen toe kan.

Het aantal HTML-elementen telt mee voor snelheid. Google Lighthouse waarschuwt volgens de Lighthouse-documentatie over DOM-grootte wanneer het body-element meer dan ongeveer 800 nodes bevat, en geeft een fout boven ongeveer 1.400 nodes. Een grote DOM maakt het opbouwen en bijwerken van de pagina zwaarder, vooral op goedkopere smartphones.

Elementor V4 is juist gebouwd om die achterstand te verkleinen, met minder geneste elementen en CSS via klassen in plaats van stijlen per widget. Hoeveel winst je daarmee haalt, hangt af van hoeveel van je pagina's echt uit Atomic Elements bestaan. Een site vol oudere widgets en add-on-plugins blijft zwaar, ook na de update naar Elementor 4.

Een snelle editor compenseert geen trage server. Server-side caching, een recente PHP-versie en voldoende rekenkracht bepalen de laadtijd minstens zo sterk als je editor. Een goed ingerichte Elementor-site op snelle hosting kan daardoor sneller zijn dan een rommelige Gutenberg-site op een overvolle server.

4. Zo test je zelf wat Elementor of Gutenberg met je site doet

Je meet de impact van Elementor of Gutenberg het eerlijkst door dezelfde pagina in beide editors na te bouwen en de resultaten te vergelijken op een testomgeving. Zo kies je op basis van je eigen site in plaats van op basis van algemene claims.

Stap 1: Maak een kopie van je site op een staging-omgeving, zodat je live website onaangeroerd blijft. Hoe je veilig test op staging, lees je in ons artikel over plugins testen op een staging-omgeving.

Stap 2: Kies één representatieve pagina, bijvoorbeeld je homepage of een dienstpagina, en bouw die na in de andere editor. Gebruik in Gutenberg alleen de standaardblokken en patronen, zonder extra blokplugins.

Stap 3: Open beide pagina's in Chrome, open de ontwikkelaarstools met F12 en typ in het tabblad Console `document.querySelectorAll('*').length`. Het getal dat je terugkrijgt is het aantal HTML-elementen op de pagina. Vergelijk dat met de Lighthouse-drempels van ongeveer 800 en 1.400 nodes.

Stap 4: Draai in het Lighthouse-tabblad van Chrome een mobiele test voor beide pagina's en noteer de Largest Contentful Paint (LCP), de Total Blocking Time en het aantal geladen scripts en stylesheets.

Stap 5: Gebruik je Elementor 4 en wil je voorlopig de klassieke werkwijze houden, dan zet je de nieuwe editor volgens de Elementor V4 FAQ uit via WP Admin > Elementor > Editor > Settings > Atomic Editor.

In de support zien we vaak dat een trage site niet aan de editor zelf ligt, maar aan een stapel add-ons, ongebruikte widgets en niet-geoptimaliseerde afbeeldingen. Wil je die meting niet zelf doen, dan brengt de website-analyse van Heijsen snelheid, veiligheid en techniek van je site in kaart, met een rapport vol concrete verbeterpunten.

5. Wanneer kies je Elementor en wanneer Gutenberg?

Gutenberg is de beste keuze voor nieuwe bedrijfssites, blogs en sites die jarenlang zonder gedoe moeten blijven draaien; Elementor past beter bij sites met veel visuele maatwerkpagina's en teams die al diep in Elementor zitten. De afweging hangt af van wie de site bouwt, wie hem bijhoudt en hoe lang hij mee moet.

Gutenberg is beter voor contentgedreven sites, omdat de blokeditor direct in WordPress zit, licht laadt en je content niet aan één plugin vastbindt. Gutenberg past ook goed bij ondernemers die zelf berichten schrijven: de editor werkt voor een blogpost hetzelfde als voor een landingspagina, en met patronen en een blokthema leg je de huisstijl één keer vast.

Elementor is beter voor ontwerpers die snel complexe, visueel rijke pagina's willen bouwen zonder code, omdat Elementor meer kant-en-klare widgets, animaties en per-apparaat-instellingen biedt. Elementor past ook bij bureaus die een bibliotheek van Elementor-templates hebben opgebouwd en hun klanten met die bekende interface laten werken.

Twijfel je, kijk dan naar drie vragen. Moet de site langer dan vijf jaar mee zonder grote verbouwing? Kies dan Gutenberg. Bouw je veel campagnepagina's met afwijkende lay-outs? Dan is Elementor sneller. Werken meerdere mensen zonder technische kennis aan de site? Dan wint de editor die ze al kennen, omdat een nieuwe werkwijze aanleren ook tijd en fouten kost.

6. Moet je overstappen van Elementor naar Gutenberg?

Overstappen van Elementor naar Gutenberg is alleen zinvol als je site toch een grote opknapbeurt krijgt of als je meetbaar last hebt van snelheid of onderhoud. Een werkende Elementor-site die snel genoeg laadt, kun je beter eerst optimaliseren dan opnieuw opbouwen.

Een overstap van Elementor naar Gutenberg is in de praktijk een herbouw. Elementor-lay-outs worden niet automatisch omgezet in nette Gutenberg-blokken, dus elke pagina moet opnieuw opgezet worden. Daarbij verander je ook vaak het thema. Let op je URL's, je interne links en je SEO-titels, zodat je opgebouwde posities in Google niet verloren gaan.

Een tussenroute is gefaseerd werken: nieuwe blogposts en eenvoudige pagina's maak je in Gutenberg, de bestaande Elementor-pagina's laat je staan tot ze aan vervanging toe zijn. Elementor kan in dat geval geactiveerd blijven op dezelfde WordPress-site. Ook Elementor V4 biedt een geleidelijk pad, omdat oude widgets en Atomic Elements op dezelfde pagina samen kunnen werken.

Twijfel je welke route het beste past bij jouw site, dan denkt Heijsen met je mee via WordPress-consultancy. Voordat er gewerkt wordt, bespreken we hoeveel uur een overstap of optimalisatie kost, zodat je vooraf weet waar je aan toe bent.

Conclusie

Elementor of Gutenberg is in 2026 geen kwestie van goed of fout, maar van passen bij je site. Gutenberg is licht, toekomstvast en ingebouwd in WordPress, en daarmee de verstandige basis voor de meeste nieuwe sites. Elementor blijft sterk voor visueel maatwerk, en Elementor 4 maakt de builder slanker voor wie overstapt op de Atomic Elements. Meet eerst, kies daarna, en zorg in beide gevallen voor snelle, goed beheerde hosting.

Bij Heijsen draait je site op managed WordPress-hosting waarbij updates, beveiliging, back-ups en snelheid voor je geregeld worden, met Elementor Pro en Divi al inbegrepen. Zit je nu nog bij een andere provider, dan kun je je WordPress-website laten verhuizen naar Heijsen: bij managed hosting verhuizen we je website, e-mail en domeinnaam gratis. Neem contact op met Heijsen, dan kijken we samen welke editor en welk pakket bij jouw website passen.