GUIDE Optimering
Elementor gør sitet langsomt? Sådan strammer du op
Elementor får tit skylden for tunge sites, og det er halvt fortjent. Fleksibiliteten koster lidt ekstra scripts og styling. Men forskellen på et hurtigt og et langsomt Elementor-site er sjældent Elementor selv. Det er alt det, der er stablet ovenpå: addon-pakker, store billeder, effekter og manglende caching.
Hvem guiden er til
Guiden er til dig, der:
- har et site bygget i Elementor, som er sløvt, især på mobilen
- får en dårlig mobilscore i Google PageSpeed Insights
- har installeret en eller flere addon-pakker til Elementor og ikke helt ved, hvad de laver
- overvejer at skifte page builder, fordi du tror, det er løsningen
Er hele WordPress-sitet langsomt, uanset hvad der er bygget med Elementor, så start med WordPress-site langsomt: de tre typiske årsager.
Er det Elementor, der gør mit site langsomt?
Delvist. Elementor indlæser sin egen styling og nogle scripts, og ældre sites bygget med sektioner og kolonner har mange lag af HTML. Det koster.
Men Elementor er blevet markant lettere i de senere versioner. Elementor har fx erstattet et ældre JavaScript-bibliotek med indbygget JavaScript og samlet ydelsesindstillingerne ét sted. At holde Elementor opdateret er derfor også hastighedsarbejde.
Det betyder, at et langsomt Elementor-site næsten altid kan gøres hurtigere uden at skifte platform.
Hvad er de reelle syndere?
Her er de typiske syndere, i den rækkefølge vi oftest møder dem.
| Synder | Tegn | Hvad du gør |
|---|---|---|
| Addon-pakker | Mange ekstra widgets i panelet, som du kun bruger få af | Slå ubrugte widgets fra, eller fjern pakken |
| Store billeder | Baggrunde og gallerier i fuld størrelse | Komprimér, brug WebP og vælg en mindre billedstørrelse |
| Effekter | Parallax, animationer og skygger på næsten alt | Skær ned, især på mobil |
| Caching og server | Langsomt, selv på en simpel side | Slå caching til, og tjek PHP-versionen |
Addon-pakker
Addon-pakker giver dig ofte 80 eller flere ekstra widgets. Mange af dem indlæser deres filer på alle sider, også selv om du kun bruger tre af widgetterne. Færre pakker giver færre kilo.
Elementor har et værktøj til det. Under Elementor → Element Manager kan du klikke på Scan Usage og se, hvilke widgets der faktisk bliver brugt. Du kan filtrere på, om de kommer fra Elementor, Elementor Pro eller et tredjeparts-plugin, og slå dem fra, du ikke bruger.
Bruger du kun en enkelt widget fra en stor pakke? Så kan det ofte betale sig at bygge den med Elementors egne widgets og fjerne pakken.
Billeder i baggrunde og gallerier
Baggrundsbilleder i sektioner og containere er en klassisk synder. De ligger ikke i et almindeligt billedfelt, så de bliver ofte glemt, når man optimerer.
Komprimér billederne, og brug WebP, hvor du kan. Vælg en passende billedstørrelse i billedwidgetten i stedet for den fulde original, når billedet vises i en smal kolonne. Mere om billeder står i de tre typiske årsager.
Effekt-inflation
Parallax, scroll-effekter, indgangsanimationer og skygger ser flotte ud på en stor skærm. Men hver effekt koster, og mest på mobil. Spørg dig selv, om effekten hjælper den besøgende, eller om den bare er der, fordi den kunne.
Caching og gammel PHP
Manglende caching og gamle PHP-versioner rammer alle WordPress-sites. Tunge sites rammes bare hårdest. WordPress anbefaler PHP 8.3 eller nyere, og din hosting kan typisk opgradere den for dig.
Hvilke indstillinger har Elementor selv?
Elementor har samlet de vigtigste ydelsesindstillinger under Elementor → Indstillinger. Navnene kan variere lidt fra version til version.
Fanen Performance:
- CSS Print Method: Vælg ekstern fil, så browseren kan gemme styling mellem sidevisninger.
- Optimized Image Loading: Prioriterer billederne øverst på siden og henter resten bagefter.
- Optimized Gutenberg Loading: Undlader at indlæse WordPress’ blokstyling på sider, der ikke bruger blokke.
- Element Caching: Gemmer det færdige output af statiske widgets, så de ikke skal bygges forfra hver gang. Widgets med dynamisk indhold eller visningsbetingelser bliver ikke cachet.
Fanen Funktioner (Features):
- Lazy Load Background Images: Udskyder baggrundsbilleder, der ikke er synlige med det samme.
- Load Google Fonts Locally: Henter skrifttyperne fra din egen server i stedet for Googles. Det sparer eksterne forespørgsler og er bedre for GDPR.
Funktioner, der er markeret som beta, skal du teste på et testmiljø, før du slår dem til på det rigtige site.
Har du et ældre site bygget med sektioner og kolonner, så overvej containere, når du alligevel bygger sider om. Elementor skriver selv, at containere giver meget slankere HTML end sektioner og kolonner.
Sådan strammer du op, trin for trin
- Mål først. Kør PageSpeed Insights på mobil for forsiden og en tung underside. Skriv tallene ned.
- Tag backup, og arbejd gerne på et testmiljø. Se Test sikkert på staging.
- Opdatér WordPress, Elementor og Elementor Pro.
- Slå ydelsesindstillingerne til under fanen Performance og under Funktioner.
- Kør Scan Usage i Element Manager, og slå ubrugte widgets fra.
- Fjern addon-pakker, du næsten ikke bruger.
- Optimér billeder, især baggrunde og gallerier.
- Skær ned på effekterne, især dem der kører på mobil.
- Slå caching til, enten i hostingen eller med ét caching-plugin.
- Mål igen, og sammenlign med tallene fra trin 1.
Går noget i stykker undervejs, så læs Elementor-siden ser forkert ud.
Det ser vi oftest
Addon-pakker, der indlæses på alle sider. De står øverst på vores liste over syndere, og Elementor-sites er noget af det, vi optimerer oftest.
Sites, der ikke er opdateret. En gammel Elementor-version går glip af de ydelsesforbedringer, der er kommet siden. Opdateringen alene er sjældent nok, men det er det første skridt.
Ombygning er sjældent nødvendig. Page buildere er ofte tungere end nødvendigt, men der er næsten altid meget at hente uden at bygge sitet om. Vi optimerer inden for det, du har.
Hastighed som en del af fundamentet. For Lisbeths Køreskole lavede vi den tekniske SEO-del med hastighed, struktur og markup. Et hurtigt site er en del af fundamentet, uanset hvilken page builder det er bygget med.
Hvad koster det hos os?
Vil du have det løst, har du to muligheder. Alle priser er ekskl. moms.
| Hastighedsoptimering | Elementor-hjælp | |
|---|---|---|
| Pris | Fra 2.500 kr., fast pris | 1.200 kr./t, afregnet pr. kvarter |
| Passer til | Hele sitet skal gøres hurtigere | En enkelt ting, der driller |
| Før vi går i gang | Fast pris inden 24 timer | Tilbud inden 24 timer |
Ved hastighedsoptimering måler vi først dit site og giver dig en fast pris inden 24 timer. Vi tager backup, optimerer og viser dig målingerne før og efter med en forklaring på dansk.
Som Elementor-ekspert hjælper vi også med fejl, ombygning og sparring, hvis du selv bygger og er kørt fast. 95 % af alle sager er løst inden 24 timer, og du får altid et tilbud, før vi går i gang.
Hoster du dit site hos os på All-in-one hosting, følger Elementor Pro og WP Rocket med i prisen. Læs mere på siden om Elementor-hjælp.
Spørgsmål og svar
Er Elementor langsom i sig selv?
Elementor koster lidt ekstra scripts og styling, fordi det er fleksibelt. Men forskellen på et hurtigt og et langsomt Elementor-site ligger sjældent i Elementor selv. Det er typisk addon-pakker, store billeder, mange effekter og manglende caching.
Hvor finder jeg Elementors egne hastighedsindstillinger?
I kontrolpanelet under Elementor → Indstillinger. Fanen Performance samler bl.a. CSS-udskrivning, optimeret billedindlæsning og Element Caching. Under Funktioner (Features) finder du flere, fx Lazy Load Background Images og lokal indlæsning af Google Fonts.
Skal jeg skifte fra Elementor for at få et hurtigt site?
Sjældent. Der er næsten altid meget at hente ved at rydde op i addons, billeder og effekter og slå Elementors egne ydelsesfunktioner til. Det er langt billigere end at bygge sitet om.
Hvad koster det at få et Elementor-site gjort hurtigere?
Hastighedsoptimering koster hos os fra 2.500 kr. ekskl. moms til fast pris. Vi måler først og giver en fast pris inden 24 timer. Mindre opgaver i Elementor koster 1.200 kr. i timen ekskl. moms, afregnet pr. kvarter.