Met Elementor kun je de Block Editor vervangen door een meer intuïtieve paginabuilder. Als je een Elementor gebruiker bent, moet je de editor elke keer dat je een pagina wilt maken of bewerken, laden. Soms kan een fout echter voorkomen dat Elementor wordt geladen.

Gelukkig zijn er verschillende oplossingen voor dit probleem. Als je begrijpt wat de oorzaak van de fout is, zou je deze in een mum van tijd moeten kunnen oplossen.

In dit artikel zullen we het hebben over de oorzaak van waarom Elementor niet laadt en we kijken naar de vereisten van de plugin. Vervolgens zullen we je door verschillende methoden leiden om deze fout op te lossen. Laten we beginnen!

Waarom laadt Elementor niet?

Voordat we ingaan op de details over wat problemen met Elementor kan veroorzaken, is het belangrijk om te bespreken wat de “not loading” fout betekent. Deze fout treedt op wanneer je de Elementor editor start.

Meestal heeft de editor maar een moment nodig om te laden:

Elementor paginabuilder wordt geladen
Elementor paginabuilder wordt geladen

Als de editor echter vastloopt op het laadscherm, heb je waarschijnlijk te maken met een fout. Merk op dat dit niet hetzelfde is als dat de editor niet helemaal laadt of een HTTP code krijgt. In dit geval zou je website perfect moeten werken, behalve dat Elementor niet kan laden.

Doorgaans kan Elementor niet worden geladen omdat je server niet voldoet aan de vereisten van de plugin. Mogelijk gebruik je ook een plugin die een compatibiliteitsprobleem met Elementor veroorzaakt. In de volgende paragrafen zullen we de vereisten van Elementor schetsen en je laten zien hoe je de fout kunt oplossen.

Wat zijn de Elementor vereisten?

Elke plugin heeft zijn eigen systeemvereisten. De meeste ontwikkelaars van plugins publiceren deze informatie niet omdat ze ervan uitgaan dat elke server aan hun minimumvereisten kan voldoen. Meestal is dat het geval.

Sommige plugins, zoals paginabuilders en beveiligingstools, hebben meestal specifieke systeemvereisten. In het geval van Elementor zijn dit de minimumvereisten (exclusief opslagruimte):

  • WordPress 5.2 of een recentere versie
  • PHP 7 of een recentere versie
  • MySQL 5.6 of een recentere versie
  • Een WordPress geheugenlimiet van minimaal 128 MB

In de meeste gevallen zul je in staat zijn om een plugin te installeren, zelfs als je server niet voldoet aan de eisen. Dat kan er echter toe leiden dat de plugin niet correct werkt en in het geval van Elementor, de editor helemaal niet laadt.

Zo los je het op als Elementor niet laadt (5 methoden)

Als Elementor vastloopt in het laadscherm, is het eerste dat je wilt doen de pagina opnieuw laden. Probeer de Elementor editor opnieuw te openen en kijk of de fout zich blijft voordoen. Als dit het geval is, is het tijd voor wat troubleshooting.

1. Update Elementor

Het kan zijn dat Elementor niet laadt omdat je een verouderde versie van de plugin gebruikt. Verouderde plugins kunnen conflicten veroorzaken met andere tools of met de nieuwste versie van WordPress.

Om te controleren of je Elementor up-to-date is, ga je naar Plugins > Installed Plugins en zoek je de builder. Als je een premium licentie hebt, zou je zowel Elementor als Elementor Pro in je lijst met plugins moeten zien:

Update Elementor
Update Elementor

Als je een melding ziet over een nieuwere versie van Elementor, moet je de nodige updates uitvoeren. Probeer vervolgens de editor opnieuw te openen.

2. Controleer op pluginconflicten (en test Elementor add-ons)

Het is niet ongebruikelijk dat plugins conflicten met elkaar veroorzaken. Dit gebeurt vaak wanneer je meerdere plugins hebt die overlappende functionaliteit of conflicterende code bieden.

Het diagnosticeren van pluginconflicten kan een uitdaging zijn. Je kunt het beste plugins één voor één testen om te zien of een van hen ervoor zorgt dat Elementor niet wordt geladen. In het ideale geval doe je dit met behulp van een testwebsite, omdat het uitschakelen van belangrijke plugins de functionaliteit van je site beïnvloedt.

Ga om te beginnen naar Plugins > Installed Plugins. Vervolgens wil je je een weg banen door de lijst met actieve plugins en ze een voor een uitschakelen. Nadat je elke plugin hebt uitgeschakeld, probeer je de Elementor editor opnieuw te laden om te zien of deze correct werkt.

Je zult ook speciale aandacht willen besteden aan Elementor add-on plugins. Deze add-ons breiden de functionaliteit en widgetbibliotheek van de paginabuilder uit:

Let op Elementor add-ons
Let op Elementor add-ons

Als het uitschakelen van een specifieke plugin of add-on geen verschil maakt bij het laden van de Elementor editor, kun je doorgaan en deze opnieuw activeren. Het doel is om plugins één voor één te testen om te zien of een van deze compatibiliteitsproblemen veroorzaakt.

Een alternatief is om alle plugins in één keer uit te schakelen (behalve Elementor) en te kijken of de editor werkt. We raden deze aanpak echter af, tenzij je een testwebsite gebruikt. De meeste WordPress sites vertrouwen op plugins voor essentiële features, dus als je ze allemaal tegelijk uitschakelt, kan dit de gebruikerservaring beïnvloeden.

3. Controleer de PHP versie van je site

Zoals we eerder vermeldden, ondersteunt Elementor alleen PHP 7 en nieuwere versies. Je kunt je huidige versie van PHP controleren via de WordPress beheerder.

Ga naar Tools > Site Health en selecteer het Info tabblad. Hier vind je technische informatie over je website. Als je het Server tabblad opent, kun je controleren welke PHP versie je server gebruikt:

Controleer nogmaals of de PHP versie geschikt is
Controleer nogmaals of de PHP versie geschikt is

Idealiter zie je ofwel PHP 7 of 8. Het is echter mogelijk dat je je PHP versie kunt bijwerken via je hostingconfiguratiescherm, afhankelijk van je provider.

Als je Kinsta gebruikt, kun je via het MyKinsta dashboard kiezen welke versie van PHP je voor elk van je sites wilt gebruiken. Open het dashboard en navigeer naar Websites en selecteer vervolgens de website die je wilt bijwerken.

Ga vervolgens naar het Tools tabblad en scrol omlaag totdat je de PHP engine optie ziet. Je kunt het Wijzigen dropdownmenu gebruiken om te selecteren welke versie van PHP je met die site wilt gebruiken:

PHP updaten met het MyKinsta platform
PHP updaten met het MyKinsta platform

Bij Kinsta kun je kiezen uit de nieuwste versies van PHP. Deze zorgen voor betere prestaties en functionaliteit over de gehele linie.

Als je hostingprovider je niet rechtstreeks in staat stelt om van PHP versie te wisselen, raden we je aan contact op te nemen met het ondersteuningsteam. Ze zouden je moeten kunnen helpen om het indien nodig up te daten. Als je webhost geen nieuwere versies van PHP ondersteunt, is het misschien tijd om naar een andere provider te migreren.

4. Controleer de geheugenlimiet van je website

De PHP geheugenlimiet van je website bepaalt hoeveel RAM de hele WordPress installatie mag gebruiken. Lage geheugenlimieten zullen voorkomen dat veel plugins correct werken.

Zoals we eerder vermeldden, heeft Elementor een minimale systeemvereiste van 128 MB geheugen. Als je niet zeker weet wat de geheugenlimiet van je site is, kunt je deze controleren door naar Tools > Site Health te gaan en het Info tabblad te selecteren. Open vervolgens het Server tabblad en bekijk de invoer voor de PHP geheugenlimiet:

Controleer je PHP geheugen limiet
Controleer je PHP geheugen limiet

De meeste moderne webhosts bieden 128-256 MB als baseline van de PHP geheugenlimiet. Als je een applicatie, database en managed WordPress host gebruikt, zoals Kinsta, is dat aantal waarschijnlijk 256 MB.

Als je te maken hebt met een lager aantal, kun je proberen de PHP geheugenlimiet handmatig te verhogen. De eenvoudigste manier om dit te doen is via FTP.

Begin door via FTP of SFTP verbinding te maken met je website en de primaire map van WordPress te zoeken. Dit wordt gewoonlijk www, public of public_html genoemd.

Zodra je de map hebt gevonden, open je deze en zoek je naar het bestand wp-config.php:

Zoek het wp-config bestand
Zoek het wp-config bestand

Open het bestand wp-config.php met een teksteditor en zoek naar de regel die luidt:

define( ‘WP_MEMORY_LIMIT’, ‘256M’ );

Afhankelijk van de geheugenlimiet van je server, zal dat aantal waarschijnlijk lager zijn. Als je die regel niet kunt vinden, kun je deze handmatig toevoegen. Zorg er echter voor dat je geen andere code in het bestand wp-config.php bewerkt. Je wilt die code daarnaast toevoegen vóór de regel die zegt:

/* That’s all, stop editing! Happy blogging. */

Technisch gezien kun je wegkomen met een geheugenlimiet van minder dan 256 MB, maar je kunt ook proberen een hogere in te stellen. In onze ervaring is 256 MB echter het ideale getal voor PHP geheugen.

Als je klaar bent, sla je je wijzigingen op en sluit je het bestand. Controleer nu de Site Health pagina opnieuw om te zien of WordPress de wijziging in PHP geheugenlimieten herkent.

In sommige gevallen staat je webhost je misschien niet toe om de PHP geheugenlimiet handmatig te wijzigen. Dit betekent dat je contact moet opnemen met het ondersteuningsteam om te zien of zij het voor je kunnen doen.

5. Wissel van Elementor’s Loader methode

Elementor bevat een ingebouwde feature waarmee je de manier kunt wijzigen waarop de plugin de editor laadt. Het wijzigen van Elementor Loader methoden zou op geen enkele manier van invloed moeten zijn, maar we raden het aan als laatste redmiddel als geen enkele andere aanpak voor probleemoplossing werkt.

Ga naar Elementor > Settings > Advanced om de laadmethoden van Elementor te wijzigen. Zoek vervolgens naar de instelling Switch Editor Loader Method en selecteer Enable:

De laadmethoden van Elementor wijzigen
De laadmethoden van Elementor wijzigen

Sla je wijzigingen op en probeer de editor opnieuw te laden. De Elementor not loading fout zou nu weg moeten zijn.

Andere Elementor troubleshooting methoden

Als je technische problemen tegenkomt tijdens het gebruik van Elementor en je weet niet zeker hoe je verder moet, zijn er een paar andere methoden voor troubleshooting die je kunt gebruiken. Laten we ze eens bekijken.

Thema wisselen

De meest populaire WordPress thema’s worden getest met de belangrijkste paginabuilderplugins. We raden je echter aan de beschrijving van elk thema door te nemen om er zeker van te zijn dat deze compatibiliteit met Elementor vermeldt.

Als je huidige thema niet Elementor vriendelijk is, kan het bijwerken van thema’s je problemen met de paginabuilder oplossen. Hoe dan ook, het wisselen van thema duurt maar een minuut, dus het is het proberen waard als je problemen ondervindt met Elementor.

Browser add-ons uitschakelen

In sommige gevallen kunnen browseradd-ons paginafouten veroorzaken. Je kunt bijvoorbeeld een add-on gebruiken die scripts blokkeert, of een extensie die aangepaste code toevoegt aan specifieke websites.

Sommige van deze add-ons kunnen problemen veroorzaken bij het gebruik van Elementor. Een snelle manier om te controleren of dat het geval is, is door Elementor te gebruiken met een schone browserinstallatie.

Als de fouten verdwijnen, moet je bepalen welke browserextensie het probleem veroorzaakt. Dit betekent dat je extensies één voor één moet uitschakelen totdat je de boosdoener identificeert.

Samenvatting

Als je op Elementor vertrouwt voor het bouwen en bijwerken van je website, kan het niet laden van de editor een een groot probleem in je planning betekenen. Er zijn verschillende redenen waarom de editor mogelijk niet laadt, maar meestal heeft dit te maken met systeemvereisten of compatibiliteitsproblemen met plugins.

Hier lees je hoe je de Elementor not loading fout, stap voor stap oplost:

  1. Update Elementor.
  2. Controleer op pluginconflicten (en test Elementor add-ons).
  3. Controleer de PHP versie van je site.
  4. Controleer de geheugenlimiet van je website.
  5. Wissel van Elementor’s Loader methode.

Bij Kinsta zijn onze abonnementen ontworpen om je te helpen de site van je dromen te bouwen met paginabuilders zoals Elementor. Bekijk onze abonnementen of praat met sales om het abonnement te vinden dat bij jou past.

Salman Ravoof

Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.