Optimering

Snabba laddtider är en förutsättning för god användarupplevelse och synlighet på Google. Principerna gäller oavsett om sajten drivs av WordPress, Sitevision, Optimizely eller en headless-lösning — caching, bildformat och effektiv kod förbättrar prestanda på alla plattformar.

Varför laddtidsoptimering är avgörande

Google använder Core Web Vitals – tre mätvärden för laddningshastighet, interaktivitet och visuell stabilitet – som rankingfaktor. Enligt HTTP Archive klarar bara 50 procent av alla mobilsajter Googles krav (2025). I Sverige ser det likadant ut: Webperf.se visar att ungefär hälften av större svenska mobilsajter underkänns på Core Web Vitals. Sajter som klarar Core Web Vitals har 24 procent lägre avvisningsfrekvens under laddning, och Vodafone visade att 31 procent bättre LCP ledde till åtta procent fler försäljningar. Optimering ger dubbel avkastning: fler besökare via bättre ranking och fler konverteringar bland de som besöker sajten.

WordPress har ungefär 35 procent av den svenska marknaden, men majoriteten av alla sajter kör andra plattformar – Sitevision, Optimizely, Drupal eller egenutvecklade lösningar (Webperf.se). Denna guide behandlar optimering som fungerar oavsett teknikval.

Fem åtgärder som ger störst effekt

1. Bildoptimering

Bilder utgör i genomsnitt hälften av en webbsidas totala överföringsstorlek. Moderna format som WebP och AVIF, korrekt komprimering samt fördröjd laddning kan reducera bildrelaterad datatransfer med 50–70 procent utan synlig kvalitetsförlust.

I våra tester minskade en konvertering från PNG till WebP den totala sidvikten från 2,4 MB till 860 KB – en reduktion på 64 procent med oförändrad visuell kvalitet.

Plattformsoberoende alternativ är bild-CDN-tjänster som Cloudinary och Imgix. De konverterar, komprimerar och levererar bilder automatiskt i rätt format och storlek — oavsett om sajten drivs av WordPress, Sitevision eller en egenutvecklad lösning.

Bildoptimering: format, komprimering och laddningsteknik →

2. Caching

Caching innebär att webbläsare, CDN eller server lagrar resurser för återanvändning. Korrekt implementerad cachestrategi kan reducera laddtiden med 50–80 procent för återkommande besökare.

Skillnaden syns tydligast i TTFB: en WordPress-sajt utan cache svarar typiskt på 400–800 ms. Med server-side cache och CDN framför sjunker samma siffra till under 100 ms – en förbättring som märks direkt vid varje sidladdning.

SaaS-plattformar som Sitevision och Optimizely hanterar server-cache åt dig — där ligger utmaningen sällan i serversvarstid utan i CDN-konfiguration och webbläsarcache. Oavsett plattform är CDN-placering nära besökarna (helst i Norden) och korrekta cache-headers de viktigaste åtgärderna.

Caching: webbläsare, CDN och server →

3. CSS och JavaScript

Renderingsblockerande CSS och JavaScript är bland de vanligaste orsakerna till fördröjd LCP. Minifiering, kritisk CSS och uppskjuten skriptladdning kan eliminera sekunders fördröjning.

Ett vanligt mönster vi ser: en WordPress-sajt med tio plugins laddar 12–15 separata CSS-filer och åtta JavaScript-filer. Genom att kombinera, minifiera och skjuta upp icke-kritiska resurser halveras antalet HTTP-förfrågningar och LCP förbättras med en till två sekunder.

I enterprise-miljöer är tredjepartsskript ofta en större flaskhals än själva CMS-temat. Tagghanterare (Google Tag Manager), analysverktyg (Vizzit, Siteimprove, Matomo) och chatbotar adderar JavaScript som blockar rendering. En sajt med fyra spårningsskript kan tappa en hel sekund i LCP utan att den egna koden ens berörs — granska tredjeparts-resurser innan du optimerar den egna koden.

CSS- och JavaScript-optimering →

4. Serveroptimering

Serverns svarstid (TTFB) sätter ett absolut golv för sidans totala laddtid. HTTP/2, HTTP/3, Brotli-komprimering och korrekt serverkonfiguration kan sänka svarstiden från hundratals millisekunder till under 200.

Enligt HTTP Archive har 44 procent av alla mobilsajter godkänd TTFB (2025). Det innebär att mer än hälften av alla sajter tappar prestanda redan innan första byten når besökarens webbläsare – en brist som ingen frontend-optimering kan kompensera.

Serveroptimering ser olika ut beroende på infrastruktur. Delat webbhotell förbättras enklast med CDN framför. Molnbaserade lösningar (Azure, AWS) erbjuder edge computing — där servrar vid nätverkskanten renderar sidor nära slutanvändaren. Managed hosting (WP Engine, Kinsta) och SaaS-CMS inkluderar ofta optimerad serverstack som standard.

Serveroptimering: TTFB, protokoll och komprimering →

5. Plattformsspecifik optimering

Utöver de fyra universella åtgärderna ovan har varje plattform sina specifika styrkor och svagheter. Nedan följer riktlinjer för de vanligaste systemen på den svenska marknaden.

WordPress

WordPress driver över 40 procent av alla webbplatser globalt men kräver medveten konfiguration för god prestanda. Temaval, pluginhantering, databasunderhåll och objekt-cache avgör om en WordPress-sajt svarar på 50 eller 800 millisekunder.

Valet av tema har störst enskild påverkan. Ett lätt tema som GeneratePress producerar 30–50 KB HTML, medan ett sidbyggartema ofta genererar 300–500 KB för samma innehåll. Den skillnaden multipliceras på varje sidvisning.

WordPress-optimering: tema, plugins och cache →

Sitevision

Sitevision är den näst största plattformen i Sverige med 17,5 procent marknadsandel, särskilt stark inom offentlig sektor och myndigheter (Webperf.se). Plattformen hanterar server-cache och CDN internt, men många Sitevision-sajter tyngs av anpassade moduler, tunga bildkaruseller och tredjepartsskript som Vizzit eller Siteimprove. Effektivast är att granska frontendresurserna — minifiera anpassad CSS, aktivera fördröjd bildladdning (lazy loading) och begränsa antalet analysverktyg.

Enterprise-CMS (Optimizely/Episerver)

Optimizely (tidigare Episerver) har 12,3 procent av svenska marknaden och dominerar inom e-handel och större organisationer (Webperf.se). Plattformen körs typiskt på .NET i Azure-miljö, vilket ger bra TTFB — men CMS-tunga implementationer med personalisering, A/B-testning och realtidsrekommendationer adderar JavaScript som försämrar INP och LCP. Prioritera: granska tredjepartsskript, aktivera output caching i Optimizely och använd Azure CDN för statiska resurser.

Prestanda som organisationsfråga

Optimering är inte bara en teknisk uppgift — det är en fråga om styrning, kravställning och prioritering som berör hela organisationen.

Performance budget

En performance budget sätter konkreta gränsvärden som sajten aldrig får överskrida — exempelvis maximal sidvikt (1 MB), maximal LCP (2,5 sekunder) eller maximalt antal HTTP-förfrågningar. Budgeten görs mätbar genom automatiserade tester i CI/CD-pipeline eller regelbundna Lighthouse-körningar. Utan en budget saknas kriterier för att säga nej till den där extra spårningstaggen eller tunga bildkarusellen.

Dataskydd och prestanda

Tunga spårningsskript (Google Analytics, Facebook Pixel, Hotjar) försämrar laddtider och kräver dessutom cookie-samtycke enligt GDPR. Att byta till lättviktiga alternativ som Plausible, Matomo (utan cookies) eller serverbaserad logganalys ger dubbel vinst: snabbare sajt och förenklad juridisk hantering. Den mest prestandavänliga spårningen är den som körs på servern — noll extra JavaScript för besökaren.

Prestanda i upphandlingar

Offentlig sektor och enterprise-organisationer som upphandlar webb bör ställa mätbara prestandakrav redan i kravspecifikationen. Ett konkret minimikrav: ”LCP får inte överstiga 2,5 sekunder på ett 4G-nätverk med Moto G Power-emulering”. Utan sådana krav saknas incitament för leverantören att prioritera prestanda — och kostnaden för att optimera i efterhand är mångdubbelt högre.

Så börjar du optimera

Steg ett är mätning. Analysera webbplatsen med Google PageSpeed Insights eller GTmetrix för att identifiera de specifika flaskhalsarna. Fokusera på de åtgärder som verktyget flaggar med störst potentiell tidsvinst.

Steg två är att verifiera serverprestanda. Ingen frontend-optimering kompenserar för en server med hög svarstid.

Steg tre är att prioritera. Börja med bildformat och caching – de två åtgärderna som konsekvent ger störst effekt med minst arbetsinsats.

Från bloggen

Bloggtips: kom igång med web perf — En kuraterad introduktion till webbprestanda med resurser för den som vill fördjupa sig.

Observera: Åtgärderna i denna guide kan påverka webbplatsens funktion. Testa alltid ändringar i en staging-miljö innan du tillämpar dem i produktion. Laddtider.se ansvarar inte för konsekvenser av implementeringar baserade på denna information.