Sådan forbedrede jeg ImeldaMuse webshoppen
Når man klikker sig ind på en hjemmeside, forventer man, at den reagerer hurtigt. Vi er blevet utålmodige – og det samme er Google. Derfor handler hastighed i dag ikke kun om brugeroplevelse, men også om synlighed, konverteringer og troværdighed.
I dette blogindlæg fortæller jeg, hvordan jeg gennemførte en komplet hastighedsoptimering af Imeldamuse.dk, og hvilke konkrete tiltag der skabte resultaterne.
Jeg:
- Konfigurerede et avanceret cache-setup med W3 Total Cache Pro
- Implementerede lazy load, async JavaScript og critical CSS preload
- Konverterede og genuploadede billeder i WebP-format
- Finpudsede tekster og optimerede sider enkeltvis
- Fjernede render-blocking ressourcer, som tidligere forsinkede visningen med over 1,6 sekunder
Resultatet?
En hjemmeside, der ikke bare føles hurtigere – men reelt loader næsten dobbelt så hurtigt og scorer markant højere i Google PageSpeed Insights.
Før jeg gik i gang: Hvorfor hastighed er så vigtig
Imeldamuse.dk kører på WordPress med Astra-tema og WooCommerce.
Siden havde et flot design, men på mobil haltede den:
- PageSpeed-score: 67 (mobil)
- Largest Contentful Paint (LCP): 2,9 sekunder
- Flere “render-blocking resources”
Det er en klassisk situation:
Designet fungerer, men den tekniske ydeevne halter – og det koster både besøgende og synlighed.
Google Pagespeed Insights – Før optimering
Trin 1: W3 Total Cache Pro – hjertet i optimeringen
Jeg startede med at konfigurere W3 Total Cache Pro, et af de mest effektive værktøjer til WordPress performance.
Simply.com kører shared hosting, så her giver en file-based cache-strategi bedst mening – hurtig og stabil uden at belaste serveren.
Nøgleindstillinger jeg aktiverede:
| Funktion | Status |
|---|---|
| Page Cache | Disk Enhanced |
| Database Cache | File |
| Browser Cache | Aktiv (med GZIP + Brotli) |
| Fragment Cache | Aktiv (WooCommerce) |
| Minify | Aktiv (Async JS + combine CSS) |
| Lazyload | Aktiv |
| Critical CSS | Aktiv |
| Fonts | Preload + HTTP/2 push |
Jeg fjernede også cache-konflikter fra WooCommerce og sikrede, at checkout, kurv og “Min konto”-sider forblev dynamiske.
Effekten: En markant reduktion i server-load og hurtigere gengivelse for alle besøgende.
Trin 2: Fjernelse af render-blocking ressourcer
Google PageSpeed viste, at over 1,6 sekunder gik tabt på CSS og JS, der bremsede gengivelsen.
Jeg samlede og minificerede filerne, satte JS til async og prioriterede kun critical CSS i første load.
Google Fonts blev desuden preconnectet, så browseren ikke ventede på eksterne kald.
Resultatet:
- Render-blocking faldt fra 1.660 ms → 120 ms
- LCP faldt fra 2,9 s → 1,1 s
- Mobilscore steg til 93
Trin 3: Lazyload – hurtigere visuel oplevelse
Lazyload betyder, at billeder og videoer først indlæses, når brugeren scroller.
Jeg aktiverede det for både billeder, iframes og produktgallerier.
Det betyder, at siden viser sig næsten øjeblikkeligt – mens resten loades i baggrunden.
Resultat: Visuel loadtid under ét sekund.
Trin 4: Manuel billedoptimering og WebP-format
Jeg konverterede alle billeder fra JPG til WebP, som typisk reducerer filstørrelsen med 30–40 %.
Billederne blev også gennemgået manuelt og beskåret optimalt, så ingen var tungere end nødvendigt.
Resultatet:
- Page weight faldt fra 3,2 MB → 1,1 MB
- Server loadtid faldt med yderligere 400 ms
Trin 5: Optimering af tekster og sider
Jeg gennemgik alle sider manuelt og justerede:
- Overskrifter (H1–H3)
- Tekstlængde og struktur
- Antal blokke i Spectra
- Inline styling og DOM-kompleksitet
Ved at forenkle blokstrukturen kunne browseren gengive layoutet hurtigere – og teksten blev mere læsbar for både brugere og Google.
Trin 6: Critical CSS preload
Jeg genererede Critical CSS for hele temaet og lagde det inline i <head>.
Samtidig tilføjede jeg fallback preload af Astra’s theme.min.css, style.css og child theme.
Det sikrer, at layoutet altid vises korrekt – også ved dårlig forbindelse – og gav et visuelt speed boost på 200–300 ms.
Trin 7: GZIP + Brotli komprimering
Jeg aktiverede både GZIP og Brotli.
Det gør, at serveren sender mindre datamængde til browseren, hvilket sænker loadtiden yderligere.
- 15–20 % hurtigere TTFB
- 200–300 ms hurtigere mobil loadtid
Trin 8: Fragment cache til WooCommerce
WooCommerce har dynamiske elementer som kurv og pris.
Med fragment cache kan resten af shoppen caches uden at “låse” disse elementer.
Det skaber hurtige, men stadig funktionelle butikssider.
Resultater efter Hellodigital hastighedsoptimering
| Måling | Før | Efter |
|---|---|---|
| Mobilscore | 67 | 93 |
| Desktopscore | 90 | 99 |
| LCP | 2,9 s | 1,1 s |
| Total Blocking Time | 420 ms | < 100 ms |
| Page Size | 3,2 MB | 1,1 MB |
| Requests | 86 | 39 |
Resultatet efter optimering
Efter Hellodigital gennemgik siden, er forskellen helt tydelig. Den åbner med det samme, og mine kunder bemærker, at webshoppen føles meget mere professionel og let at bruge.
Jeg har ikke selv haft tid eller teknisk viden til at dykke ned i alt det med cache, billeder og scripts, så det var en kæmpe lettelse at få det ordnet professionelt – og jeg fik undervejs forklaret præcis, hvad der blev gjort.
Nu ligger min side i top på hastighed, og jeg kan se, at flere bliver hængende og køber. Det har været hver en krone værd – og jeg anbefaler det varmt til andre, der gerne vil have en hurtigere, mere stabil hjemmeside.”
Hvad det betyder for SEO og konverteringer
En hurtig side giver:
- Lavere afvisningsprocent
- Flere salg
- Bedre synlighed
Efter optimeringen steg ImeldaMuse.dk’s søgeordssynlighed med 11 %, og Core Web Vitals i Search Console blev grønne på både desktop og mobil.
Min proces for hastighedsoptimering
- Analyse af PageSpeed & Lighthouse
- Servertjek (PHP, HTTPS, hosting)
- Cache-setup (W3 Total Cache Pro)
- Optimering af billeder (WebP)
- Lazyload + Async JS
- Critical CSS & Fonts preload
- SEO-tuning af tekst og struktur
- Sluttest & dokumentation
Hastighedsoptimering med menneskelig tilgang
Jeg ved, at de fleste kunder ikke har teknisk indsigt – og det skal de heller ikke have.
Mit mål er at forklare optimeringen i øjenhøjde og vise effekten tydeligt.
“Jeg fjerner alt det, der står i vejen for, at din hjemmeside kan trække vejret frit.”
En hastighedsoptimering er lidt som at give hjemmesiden en sundere puls: Den får energi, flow og overskud igen.
Konklusion: En hurtigere hjemmeside er en bedre forretning
Optimeringen af Imeldamuse.dk viser, hvordan en målrettet Hellodigital hastighedsoptimering kan løfte en hjemmeside markant.
Resultatet:
- Dobbelt så hurtig loadtid
- 30–40 % lavere vægt
- Bedre SEO og brugeroplevelse
Det er dét, jeg kalder en Hellodigital hastighedsoptimering
Vil du have en gratis hastighedsanalyse?
Jeg tilbyder en gratis indledende analyse, hvor du får:
- Din nuværende hastighedsscore
- Et estimat på forbedringspotentiale
- En plan for næste skridt
eller læs mere om hastighedsoptimering af WordPress hjemmesider
GT Metrix resultat – Efter optimering
