Is je Elementor site traag? Probeer DIT

Heb je last van een trage WordPress website?

Gebruik je Elementor (Pro) en vraag je je af of deze plugin mogelijk de boosdoener is?

Kort door de bocht:

Ja, Elementor (Pro) maakt je WordPress website trager, maar..

Goed nieuws! Elementor heeft de afgelopen versies flink wat verbeteringen doorgevoerd aan de hand van veel kritiek van mensen die (terecht) klagen dat hun Elementor site traag is. Voor veel mensen is de snelheidswinst tussen versie 2.9 en 3.3+ aanzienlijk.

Elementor en met name de Pro versie, voegen redelijk wat “gewicht” toe aan je website.

Zeker wanneer je uitgebreide pagina’s met veel elementen en effecten in Elementor bouwt, is de kans groot dat je website hier (aanzienlijk) minder snel van wordt.

Echter..

Dit betekent NIET dat je geen snelle site kan hebben als je Elementor gebruikt. Er zijn zat mensen die Elementor gebruiken zonder dat hun site traag is.

Het probleem zit vooral in hoe je Elementor gebruikt.

Het “gevaar” van WordPress pagebuilders als Elementor, is dat het voor iedereen heel makkelijk is om in een paar klikken pagina’s vol met toeters en bellen te maken.

En als je niet bewust bent van de impact hiervan op de snelheid van je website, loop je het risico loopt dat deze traag wordt.

Daarnaast is Elementor op zichzelf niet of nauwelijks geoptimaliseerd voor snelheid.

De plugin wordt alsmaar groter en de code is allesbehalve efficiënt geschreven.

Ook laadt Elementor standaard een flinke bibliotheek van bijna 1Mb!!!! aan (CSS & JS) bestanden mee op elke pagina.

Dat maakt Elementor —puur vanuit snelheidsoverwegingen— een absolute afrader. Vooral op minder snelle mobiele verbindingen.

En het is volledig aan de gebruiker om Elementor te optimaliseren en sneller te maken.

Iets wat JUIST voor het overgrote gedeelte van de doelgroep van Elementor (gebruikers zonder veel technische kennis) erg lastig kan zijn.

“Maar wat boeit het? Mijn site werkt toch gewoon!”

Wellicht vraag je je af waarom de snelheid van je website uberhaupt van belang is.

Helemaal geen gekke gedachte!

Of de snelheid van je site er veel of weinig toe doet, hangt vooral van het doel en rendement van je website af.

Voor een hobby website zou ik met niet druk maken over de snelheid.

Voor een site die inkomsten genereert, of dat als doel heeft, is snelheid van steeds groter belang.

Belangrijke redenen voor een snelle site zijn o.a:

  • Gebruiksvriendelijkheid en conversie (een trage site is voor veel mensen super irritant)
  • Zoekmachine optimalisatie (een snelle site geeft je een betere kans op hoger in Google staan)

Elementor site traag? Je hebt 2 opties

  1. Elementor vervangen
  2. Elementor optimaliseren

Elementor vervangen

Als maximale snelheid en SEO van kritiek belang voor je zijn, overweeg dan om Elementor te vervangen.

Sta je al hoog in de zoekmachines, maar kan je het vaak nét niet kan winnen? Dan is het een goed idee om je snelheid met die van de concurrentie te vergelijken.

De waarheid is namelijk dat Elementor —door de enorme functionaliteiten verouderde opzet— nooit zo snel kan zijn als de snelle WordPress thema’s in combinatie met een goede Gutenberg plugin of een geoptimaliseerde page builder, zoals bijvoorbeeld Breakdance.

Als je niet zonder Elementor kan of wil, dan kan je..

Elementor optimaliseren

Veel van de tips om WordPress sneller te maken, zijn ook van toepassing op Elementor.

Er zijn echter ook specifieke dingen die je kan doen om Elementor zelf sneller te maken:

  1. Gebruik zo min mogelijk Elementor plugins. En zet functies die je niet gebruikt als dat kan uit. Elke extra functionaliteit die je toevoegt, maken mogelijk je Elementor site langzamer.
  2. Activeer Elementor Experimenten (deze vind je onder Elementor → Instellingen → Experimenten)
  • Activeer Improved CSS Loading
  • Activeer Font-Awesome Inline
  • Zet Usage Data Sharing uit
  • Gebruik systeem lettertypen of zo min mogelijk verschillende Google Fonts en serveer en pre-load ze lokaal. (Deze optie vind je in de Customizer → Performance (prestaties)
  • Gebruik zo min mogelijk animaties en andere toeters en bellen.
  • Overweeg om zware elementen op de mobiele versie (via conditional display) weg te laten of te vervangen.
  • Als je GEEN Litespeed hosting gebruikt, overweeg een premium plugin zoals of Flying Press (bij Litespeed hosting, gebruik de LSCache plugin en het gratis CDN!).
Hosting gerelateerd
  • Gebruik betere WordPress hosting. (Zoals Cloud86 managed WordPress Hosting, Junda Plus of EasyWP. Elementor en zwakke hosting is geen winnende combinatie.
  • Zorg dat je minimaal op PHP versie 7.4 zit. Upgrade het liefst naar 8.0+
  • Verhoog je geheugen limiet naar minimaal 256mb.
  • Activeer (extra) server caching zoals Redis. En gebruik een goede caching plugin.

Als je bovenstaande dingen hocus-pocus voor je zijn, vraag je webhost dan om hulp of stap over naar goede WordPress hosting.

Een andere optie is Elementor’s alles-in-1 oplossing. Waar hosting, de plugin en ondersteuning onder één kap zitten. Gemiddeld iets duurder, maar wel makkelijk.

De afweging: gemak vs snelheid

Het valt niet te ontkennen dat pagebuilders als Elementor het gebruik van WordPress een heel stuk simpeler en aantrekkelijker hebben gemaakt.

Het was nog nooit zo makkelijk om aantrekkelijke pagina’s en websites te maken zonder enige vorm van technische kennis.

En hoewel Elementor niet de eerste van zijn soort was, is het zonder meer Ă©Ă©n van de meest succesvolle en belangrijkste geweest op dit gebied.

Ere wie ere toekomt.

Ook is het een beetje beledigend om Elementor een pagebuilder te noemen.

Je kan er ook Popups mee maken, WooCommerce mee aanpassen en zelfs je hele thema mee ontwerpen.

Wat dat betreft brengt Elementor bijzonder nuttige functionaliteit met zich mee.

Als je bewust bent van de nadelen en er rekening mee kan houden, is er wat mij betreft niks mis met een hulpmiddel als Elementor.

Aan de andere kant..

Met de snelle ontwikkeling van Gutenberg en de verschillende plugins, wordt het steeds lastiger om de meerwaarde van pagebuilders te zien.

Zeker omdat Gutenberg niet met dezelfde snelheidsproblemen komt.

Vergelijkbare pagina’s op basis van Gutenberg zijn namelijk aanzienlijk sneller. In het bijzonder op een mobiele verbinding.

Persoonlijk ben ik wat dat betreft voorzichtig met het aanraden van Elementor voor nieuwe gebruikers.

Maar er valt zeker wat te zeggen voor de gigantische functionaliteit die met name Elementor Pro met zich meebrengt. En met nieuwe snelheid optimalisaties in het verschiet, is het vooral een persoonlijke keuze!

7 reacties

    • Hi Martijn,

      Zonder onder de spreekwoordelijke motorkap te kijken, vallen me de volgende dingen direct op:

      * Server reageert traag – wat meestal duidt op ondermaatse hosting. Waar wordt de site gehost?
      * Het lijkt of er geen vorm van caching actief is – dit verergert (zeker bij mindere hosting) het probleem.
      * Er zijn erg veel afbeeldingen (op zich geen punt) – maar ik vermoed dat er geen gebruik wordt gemaakt van ‘lazy loading’, zodat ze pas geladen worden als ze in beeld komen.

      Groeten,
      Nick

  1. Hi Nick,

    Ik ben via WP Rocket mijn site aan het optimaliseren maar zeer waarschijnlijk door Elementor blijf ik een te grote DOM houden.

    Volgende week gaat de site over naar Cloud86 wat hopelijk al een verschil maakt maar zou je eens willen kijken waar ik nog winst kan halen?

    Ik heb de experiments van Elementor een keer aangezet maar daar raakt de site een beetje van slag van, krijg andere kleuren in mijn lay-out e.d.

    Thanks!

    Greetz,

    William

    • Hi William, excuses voor de trage reactie – de notificatie kwam niet bij mij binnen!

      Geen idee of je inmiddels al verder bent gekomen, maar als ik zo je site bekijk zijn daar geen problemen mee. Alleen via een brakke 3G verbinding, is het niet optimaal maar dat is voor de Nederlandse (en Belgische) markt een onrealistische benchmark aangezien we volledig 4G (+) zijn.

      Elementor Experiments is inderdaad een beetje experimenteren met wat wel en niet werkt en kan zeker met een optimalisatie/caching plugin als WP Rocket wat problemen geven. Helaas is dat ontzettend setup afhankelijk.

      Zelf ben ik niet zo’n fan van Yoast (voor rijke features prefereer ik RankMath – met alle ongebruikte modules uit en voor snelheid the SEO Framework). Ook MonsterInsights is niet de meest lichte plugin, maar als je de functionaliteit niet wil missen, is dat een afweging.

      Wat betreft DOMS is dat vooral een teken van inefficiĂ«nte code, maar zolang je site gewoon rap is, op zichzelf geen probleem. Waar je vooral voor wil waken is Elementor gebruiken voor algemene, site-brede (terugkerende) elementen, zoals; header, footer, templates/layouts (zoals blogpost en archief). Je kan dit verder beperken door Elementor uitsluitend te laden op pagina’s waar de plugin ook daadwerkelijk gebruikt wordt via plugins als Perfmatters of Asset Cleanup. Of (op den duur) Elementor vervangen met een functie rijke Gutenberg plugin (zoals bijvoorbeeld Greenshift).

      Hoe dan ook zou ik me niet blindstaren op een score of snelheid ten kosten van alles. De snelheid van je site op dit moment is meer dan prima 🙂

Geef een reactie

Je e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *