Divi naar Gutenberg: overstappen terwijl je site blijft draaien

GutenbergGutenberg De standaard editor van WordPress waarin je een pagina opbouwt uit losse blokken.Meer over dit begrip is de standaard editor van WordPressWordPress Het meest gebruikte systeem ter wereld om websites mee te bouwen en te beheren.Meer over dit begrip. Hij werkt met bouwstenen, ook wel blokken genoemd: een kop, een alinea, een foto, een knop. Je hoeft er niets voor te kopen. Verderop noem ik het de bouwstenen van WordPress of de editor van WordPress.

DiviPage builder Een extra programma in WordPress waarmee je pagina's bouwt door onderdelen te slepen.Meer over dit begrip is iets anders: een los product van een eigen leverancier, Elegant Themes, dat bovenop WordPress draait. De bouwstenen zitten in WordPress zelf.

Divi 5 is op 26 februari 2026 als stabiele versie verschenen. Daarmee is er een nieuwe vraag: blijf je op Divi, of bouw je met de bouwstenen van WordPress?

Ik heb dit zelf gedaan: eqwise.nl is sinds augustus 2026 van Divi over. Ook voor een sportclub zet ik een site over. Die is een echte klantsite en nog niet live.

Divi 5 verandert veel, maar niet alles. Divi 4 slaat elk onderdeel op als een stukje code in de tekst van je pagina. Elegant Themes schrijft zelf dat je die codes te zien krijgt als je Divi uitzet en een Divi-pagina bezoekt. Je inhoud en vormgeving zitten dan vast aan Divi.

Divi 5 is daarop herschreven. De codes zijn vervangen door een opslag die op de bouwstenen van WordPress lijkt, en er is een knop om van Divi 4 naar Divi 5 te gaan. Zolang niet alles is omgezet, werkt Divi 5 met de oude onderdelen in een terugvalstand.

Dat is een echte verbetering. Maar Divi 5 blijft een los product met een eigen leverancier.

Een Divi-vakblog schrijft zelf dat de editor van WordPress de grootste overdraagbaarheid biedt en dat Divi 5 veel dichterbij is gekomen in snelheid. Dezelfde blog schrijft ook: voor ingewikkelde opmaak heb je in de editor van WordPress extra blokken of maatwerk nodig. Dat is eerlijk, en daar komen mijn eigen bouwblokken in beeld: EQwise Blocks vult precies dat deel in.

Mijn metingen verderop gaan over Divi 4. Divi 5 heb ik niet op dezelfde manier gemeten.

Kort antwoord: in mijn twee proeven werd de site lichter, en de afhankelijkheid van één leverancier wordt kleiner. Helemaal weg gaat ze niet, want mijn eigen bouwblokken zijn ook een afhankelijkheid.

Wat zijn EQwise Blocks?

Zelf werk ik met de bouwstenen die in WordPress zelf zitten, aangevuld met mijn eigen bouwblokken. Die heten EQwise Blocks: mijn eigen bouwblokken bovenop de standaard bouwstenen van WordPress. Ze zitten in een plugin (een uitbreiding van WordPress). Wat EQwise Blocks oplevert:

• Een centrale bibliotheek voor veelgestelde vragenFAQ Een lijst met veelgestelde vragen en korte antwoorden, meestal op een aparte pagina of onderaan een pagina.Meer over dit begrip. Je beheert een vraag één keer, toont hem op meerdere pagina’s en geeft Google de juiste gegevens erbij.
• Formulieren met spambescherming, zonder externe diensten.
• Een inhoudsopgave, beoordelingssterren, een logoscroller, tabbladen, rekentools, deelknoppen en een taalkeuze.
• Onderdelen die alleen laden op pagina’s waar ze staan, en geen externe bibliotheken of lettertypes van derden.

Met EQwise Blocks is praktisch alles mogelijk, ook animaties, uitgebreide diashows en logoscrollers, en de site blijft daarbij snel. Bij Divi is dat bijna altijd een probleem. Dat is mijn ervaring en geen meting.

Wat verandert er in het beheer?

Zo bouw ik een site op, en dat maakt het beheer overzichtelijker:

• Kleuren en letters staan op één plek: één aanpassing kleurt de hele site om.
• Een stijlwijziging werkt door op alle bestaande pagina’s, zonder dat je ze opnieuw opslaat.
• De beheeromgeving is op maat: alleen wat je nodig hebt, in je eigen huisstijlHuisstijl De zichtbare vormgeving van een merk: logo, kleuren, letters, beeldtaal en de vaste toepassingen daarvan.Meer over dit begrip, met een melding als de site per ongeluk onzichtbaar voor Google staat.
• Met vastgezette opmaak kun je later zelf teksten en foto’s aanpassen zonder iets kapot te maken.

Waar zit de afhankelijkheid?

Mijn eigen bouwblokken werken alleen zolang mijn plugin op de site staat. De gewone bouwstenen van WordPress blijven zonder die plugin werken. Het blijft dus een afhankelijkheid, maar een kleinere dan bij Divi: de meeste inhoud staat in gewone bouwstenen.

De grenzen van het bewijs eerst. Mijn metingen gaan over Divi 4. Divi 5 heb ik niet op dezelfde manier gemeten. Geen van beide is een meting op de live site na de overstap; die volgt na livegang. Ik beloof dus geen positiesPositie Je positie is de plek waar je website staat in de zoekresultaten voor een bepaald zoekwoord. Positie 1 is het bovenste gewone resultaat.Meer over dit begrip, geen omzet en geen vast percentage.

Proef 1: een webshop

Dit was een proefmigratie van een bestaande WooCommerce-webshop met 662 producten en 29 categorieën. Het was geen klantopdracht en de nieuwe versie staat niet live. Ik mat op 9 tot 11 september 2026 met LighthouseLighthouse Een gratis meetprogramma van Google dat snelheid, toegankelijkheid en SEO van een pagina test.Meer over dit begrip 13.4, het meetprogramma van Google. Beide versies stonden in dezelfde testomgeving op dezelfde machine, dus het verschil zit in de pagina’s en niet in de server. Mobiel is gesimuleerd. In de tabel staat steeds eerst Divi 4 en daarna de nieuwe versie, gemeten op de telefoon.

De score is de Lighthouse-score van 0 tot 100. De laadtijd is de tijd tot het grootste stuk van de pagina in beeld staat. Verzoeken zijn de bestanden die de pagina moet ophalen. Op de computer is het verschil klein: scores van 99, 99 en 96 bij Divi 4 tegen 100, 100 en 100 bij de nieuwe versie. De winst zit vooral op de telefoon.

Wat veranderde er verder in de webshop?

Divi 4 tegen de nieuwe versie:

• Plugins: 22 (waarvan 8 actief) tegen 7 (alle actief).
• Foutmeldingen in de browser: 4, 9 en 12 tegen 0, 0 en 0.
• Elementen met tekst die te flets is om goed te lezen (onder de contrastnorm): 7, 14 en 10 tegen 0.
• Toegankelijkheidsscore van de voorpagina op mobiel: 68 tegen 89.
• 7 losse Divi-pagina’s werden echte categoriepagina’s: één sjabloon voor alle 29.

Twee kanttekeningen. De winkelmandpagina is met 951 kB de zwaarste pagina van de nieuwe versie. En een deel van de winst komt van opruimen en niet van de wissel alleen: wie een site toch opnieuw opbouwt, laat veel ballast achter.

Proef 2: een fotogalerij van een sportclub

Op 9 oktober 2026 mat ik in een testomgeving één fotogalerijpagina van een sportclubsite, een echte klantsite die ik overzet en die nog niet live staat. De eerste lading op telefoonbreedte (390 pixels) was 648 kB in de nieuwe versie tegen 2.098 kB in de Divi-versie: 69% minder. Op de computer was het 2.855 kB in de nieuwe versie tegen 3.787 kB in de Divi-versie: 25% minder. Het aantal verzoeken was 60 in de nieuwe versie tegen 116 in de Divi-versie. Het gaat om één pagina.

Vuistregel: blijf op Divi als je zelf de indeling en vormgeving wilt blijven aanpassen. Kies de bouwstenen van WordPress als je vooral tekst en beeld beheert.

Wil je zelf secties verplaatsen, kleuren wijzigen en nieuwe layouts maken, dan is Divi daar gemaakt voor. Een overstap helpt je daar niet bij. Ik bouw zelf ook nog in Divi 5 voor klanten die dat willen.

Is zelf kleuren en vormgeving aanpassen altijd een voordeel?

Zelf kleuren en vormgeving aanpassen lijkt leuk en handig. Toch zie ik in mijn werk een keerzijde: met zoveel mogelijkheden kun je verdwalen, en dan gaat de site er juist op achteruit. Ik zie ook dat al die mogelijkheden pagina’s snel langzamer maken. Dat is mijn ervaring en geen meting. Wil je het toch zelf doen, dan blijft Divi de betere keuze.

Beheer je vooral teksten, nieuwsberichten en foto’s, en wil je een snelle, rustige site waar je niets aan kunt slopen? Dan past Divi naar Gutenberg beter.

Reken ook op extra werk bij sliders, bijzondere layouts en formulieren. Die kosten bij de overstap meer tijd dan gewone pagina’s.

De prijs van Divi is geen sterk argument. Divi kost 89 dollar per jaar of 249 dollar eenmalig (prijs november 2026), voor onbeperkt sites. Stop je met het jaarplan, dan vervallen updates en ondersteuning.

Wat blijft er gewoon staan?

Een overstap van Divi is een kleinere verhuizingMigratie Een migratie is het verhuizen van een website naar een nieuw systeem, een nieuwe server of een nieuw adres.Meer over dit begrip dan een platformwissel. Je blijft op WordPress, dus je berichten, media, gebruikers en SEO-gegevens blijven gewoon staan. Adressen blijven waar het kan gelijk. Blijft een adres hetzelfde, dan is er geen doorverwijzingRedirect Een automatische doorverwijzing van een oud webadres naar een nieuw adres.Meer over dit begrip nodig. Bij een doorverwijzing stuurt het oude adres bezoekers en Google automatisch door naar het nieuwe.

Eén ding is geen knop: een Divi-pagina zet je niet in één keer om. Elke pagina wordt opnieuw opgebouwd. Dat is werk, en ik zeg het liever vooraf. Wat de migratie kost en hoe lang ze duurt, hangt af van het aantal pagina’s en onderdelen. De prijs is op aanvraag.

In welke stappen werk ik?

De bestaande site blijft tot de omzetting ongewijzigd draaien. De nieuwe versie bouw ik ernaast en ik leg elke stap tegen de oude.

1. Nulmeting vóór de eerste wijziging: je legt vooraf vast hoe de site er nu voor staat, zodat je later kunt vergelijken.
2. Huisstijl eerst vastleggen.
3. Tekst woord voor woord overzetten en nameten met een tekstvergelijking, zodat er niets stil verdwijnt.
4. Pagina’s opnieuw opbouwen met de bouwstenen van WordPress.
5. Onderdelen die alleen in Divi bestonden opnieuw maken: de kop en voet van de site, formulieren, sliders en terugkerende onderdelen.
6. Alles controleren.
7. Pas daarna Divi weghalen.

Lees meer over de aanpak op mijn pagina over website migratie.

Zelf doen kan als je een kleine site hebt en tijd. Je hebt dan wel een nulmeting nodig, een manier om je teksten na te lopen, en geduld: elke pagina bouw je opnieuw.

Laten doen is verstandig als je een webshop, formulieren of veel pagina’s hebt, of als je niet wilt dat de oude site tijdens de verhuizing iets inboet. Dan werk ik zoals hierboven beschreven.

Twijfel je? Begin met een gratis website scan. Dan weet je waar je staat voordat je kiest.