Elementor og hastighed: hvad det koster

Lad mig sige det ligeud: Elementor er den tungeste enkeltdel jeg møder på danske WordPress-sider. Ikke fordi det er dårligt lavet — det er over ti millioner installationer værd af en grund — men fordi det er bygget til at kunne alt, og derfor leverer CSS og JavaScript til alt, uanset hvad der rent faktisk står på den side du kigger på.

Det er samtidig en artikel jeg skriver med et forbehold: en side kan sagtens være hurtig med Elementor. Jeg har set det, og jeg har selv gjort det. Men du starter længere nede ad bakken end en side uden.

Hvad tallene siger

I den vægtning jeg bruger i min egen hastighedstest har hvert plugin en basisvægt. Skalaen går fra −0,30 til 0,50, hvor negative tal er plugins der gør siden hurtigere. Vægtene er mine egne vurderinger, bygget på hvad jeg har målt gennem årene — ikke sekunder, men en rangordning af hvor meget der typisk er at hente.

Sådan ligger byggerne:

Plugin	Vægt
Elementor Pro	0,50
WPBakery Page Builder	0,50
Elementor	0,45
Divi Builder	0,45
Avada Fusion Builder	0,45
Oxygen	0,40
Thrive Architect	0,40
Beaver Builder Pro	0,35
Bricks	0,30
Beaver Builder Lite	0,30

Til sammenligning vejer Yoast SEO 0,10, Contact Form 7 vejer 0,10, og Advanced Custom Fields vejer 0,06. Et godt cache-plugin som WP Rocket trækker den anden vej med −0,30.

Med andre ord: Elementor Pro alene vejer mere end de fem letteste plugins på en typisk side tilsammen — og lige så meget som et velopsat cache-plugin kan trække tilbage.

Og der er et lag mere. Elementors tilføjelsespakker — Essential Addons, Premium Addons, PowerPack, Ultimate Addons — vejer 0,18 hver. De er ofte installeret to og tre ad gangen, og hver af dem lægger sit eget lag af CSS og JavaScript på alle sider.

Hvorfor det koster

Tre ting, og de hænger sammen.

Bundterne er store og leveres bredt. Elementor sender sin globale CSS og sit frontend-JavaScript med, også på sider der ikke er bygget i Elementor. Kig i PageSpeed Insights under “Reduce unused CSS” — står der 200 kB eller mere, er det næsten altid byggeren.

DOM’en bliver dyb. En sektion i Elementor bliver til flere lag af div’er — sektion, container, kolonne, widget-wrapper, widget. Et layout du selv ville have skrevet med tre elementer bliver til tolv. Det koster i tegning og layout, og det slår igennem på TBT, som vejer 30 procent af din Lighthouse-score.

Hero-billedet bliver ofte en CSS-baggrund. Det er den fælde der koster mest på LCP. Browseren opdager først et baggrundsbillede når sidens CSS er hentet og læst — hvor et rigtigt <img> i HTML’en bliver fundet med det samme.

Elementor plus WooCommerce er den værste kombination

Den har sin egen regel i min hastighedstest, fordi den er så almindelig og så dyr.

WooCommerce vejer 0,35 i sig selv. Lægger du Elementor ovenpå til produktlister og kategorisider, får du store CSS- og JS-bundter netop på de sider hvor kunden skal beslutte sig — og produktlister er sider med mange elementer i forvejen.

Kan du bruge native blokke til produktlister og kategorisektioner, gør det. Det er den enkeltændring der flytter mest på en Elementor-webshop. Se hastighedsoptimering af WooCommerce.

Hvad du kan gøre uden at skifte

Skal du blive på Elementor — og det skal de fleste — er der reel gevinst at hente. I den rækkefølge jeg selv tager dem:

1. Slå de eksperimenter til som Elementor selv har lavet til formålet. Reduceret DOM-output, forbedret CSS-indlæsning, indlejrede ikonfonte og elementcache. De ligger under Elementor → Indstillinger → Funktioner, og de flytter noget. Test siden bagefter — nogle af dem kan ændre på layoutet i ældre sektioner.
2. Slå ubrugte widgets fra. Elementor indlæser widgets du aldrig har brugt. Ryd op i listen.
3. Skær tilføjelsespakkerne ned til én — helst nul. Kører du både Essential Addons og Premium Addons for at bruge to widgets, er det tre gange dyrere end det behøver være.
4. Fjern Elementors globale CSS på sider uden Elementor-indhold. Bloggen og ordbogen på det her site har ikke brug for en sidebyggers CSS.
5. Gør hero-billedet til et rigtigt <img> frem for en CSS-baggrund, og giv det fetchpriority="high" i stedet for loading="lazy". Se lazy loading.
6. Byt Slider Revolution ud med et statisk hero. Den vejer 0,50 — lige så meget som Elementor Pro selv — og bliver næsten altid brugt til at vise ét billede.
7. Sæt et cache-plugin op, og kun ét. Se To cache-plugins er værre end ét.

Hvornår du bør skifte

Jeg anbefaler ikke folk at kaste en fungerende side væk. Men der er tre situationer hvor det er den rigtige beslutning:

Når du alligevel skal redesigne. Skal siden om, er valget af værktøj gratis at træffe. Gutenberg med Kadence Blocks eller GenerateBlocks vejer 0,12 og 0,10 mod Elementors 0,45 — og de kan mere end de fleste tror i dag.

Når landingssiderne skal konvertere. Har du enkelte sider hvor hastigheden betyder penge, kan de bygges i blokke uden at resten af siden røres. Det er en eftermiddag per side, ikke et projekt.

Når du har bygger på bygger. Kører du Divi som tema og Elementor som plugin ovenpå — eller Avada med Elementor ved siden af — betaler du for to systemer der laver det samme. Det finder min hastighedstest også, og det er altid værd at rydde op i. Se Skal du skifte tema for at få fart på?

Ofte stillede spørgsmål

Kan man få en god PageSpeed-score med Elementor?

Ja. Jeg har set og lavet Elementor-sider med 90+ på mobil. Det kræver bare mere arbejde end på en side der ikke starter med et halvt megabyte CSS og JavaScript, og det kræver at man rydder op i tilføjelsespakkerne.

Er Divi hurtigere end Elementor?

Nej, de ligger tæt. Divi Builder vejer 0,45 mod Elementors 0,45 og Elementor Pros 0,50. Divi har til gengæld sine egne performance-indstillinger — dynamisk modulindlæsning og kritisk CSS — som er værd at slå til.

Hvad med Bricks og Oxygen?

Bricks vejer 0,30 og Oxygen 0,40 i min vægtning — begge lettere end Elementor, men det er stadig en bygger med overhead. Vil du have det letteste, er svaret Gutenberg med et blok-plugin, ikke en anden bygger.

Skal jeg fjerne Elementor fra hele siden på én gang?

Nej. Gør det side for side, og start med dem der betyder mest — forsiden, den vigtigste landingsside, og de produktkategorier folk lander på fra Google. Resten kan følge efter, eller blive liggende.