Elementor

Elementor is een populaire page builder voor WordPress: een plugin waarmee je pagina's ontwerpt door elementen zoals koppen, afbeeldingen en knoppen op hun plek te slepen. Je ziet het resultaat direct, zonder code te schrijven. De gratis versie heeft volgens WordPress.org meer dan 10 miljoen actieve installaties, en het betaalde Elementor Pro voegt onder meer formulieren en pop-ups toe.

Die vrijheid kost laadtijd. Elementor laadt eigen CSS en JavaScript, al zegt het bedrijf alleen de bestanden te laden van widgets die echt op de pagina staan. Zwaarder weegt de HTML zelf, want elk onderdeel krijgt eigen omhullende elementen. Met de oudere opbouw van secties, kolommen en binnensecties groeit een pagina snel uit tot honderden geneste div-elementen. Lighthouse waarschuwt al vanaf ongeveer 800 elementen in de body, omdat de browser bij zo'n grote DOM meer moet rekenen en trager reageert op klikken.

Elementor werkt daar zelf aan. Met containers, gebaseerd op CSS flexbox, bouw je hetzelfde ontwerp met veel minder lagen, en versie 4 introduceert nieuwe atomic-elementen die op snelheid zijn gericht. Maak je vooral eenvoudige pagina's, dan kom je ook ver met de ingebouwde blokeditor van WordPress, die geen extra plugin nodig heeft.

Op je hosting vangt LiteSpeed Cache de extra serverbelasting op, omdat LiteSpeed de opgebouwde pagina als kant-en-klare HTML bewaart. Aan het rekenwerk in de browser van je bezoeker verandert caching niets, dus meet na een grote wijziging met PageSpeed Insights hoe je LCP en INP scoren. Is je site traag, schakel dan tijdelijk alle plugins behalve Elementor uit en test opnieuw met het thema Hello, zoals Elementor zelf aanraadt.