Skip to content

Allt om WordPress, webbutveckling — och mer därtill

🚀 Hur du minskar laddningstiden för WordPress-sidor

🚀 Hur du minskar laddningstiden för WordPress-sidor

En långsam WordPress-sajt tappar besökare, sökrankning och pengar. Sidhastighet är en rankningssignal för Google, och Core Web Vitals blev en del av algoritmen 2021. Riktmärket är 2,5 sekunder för LCP (Largest Contentful Paint), och varje extra sekund minskar konverteringarna med 4-7% enligt Portent.

Goda nyheter: WordPress kan snabbas upp till de utlovade 1-2 sekunderna utan magi eller att bygga om sajten från grunden. Den här guiden går igenom 13 beprövade tekniker, från att välja rätt webbhotell till att städa upp databasskräp. Var och en har testats på riktiga projekt.

💡 Snabb översikt:

  • Välj managed WordPress-hosting eller en kvalitets-VPS; servern står för 40-50% av hastigheten (Kinsta research)
  • Aktivera sidcache och koppla in ett CDN så att statiska filer levereras från den nod som är närmast användaren
  • Komprimera och konvertera bilder till WebP/AVIF innan du laddar upp dem till sajten
  • Minifiera CSS, JS och HTML; aktivera Gzip eller Brotli på servern
  • Se över dina tillägg: inaktivera oanvända och ersätt dubbletter
  • Flytta skript till sidfoten och behåll stilmallar i head; detta förändrar den upplevda hastigheten

Välja webbhotell: grunden där allt börjar

Servern är den främsta faktorn för svarstid (TTFB, Time to First Byte). Om ditt webbhotell är överbelastat eller föråldrat kommer andra optimeringar bara att ge marginella vinster. Därför är rekommendationen "börja med webbhotellet" inte en klyscha utan en teknisk sanning.

Managed WordPress-hosting (WP Engine, Kinsta, Cloudways) ger tre saker direkt ur lådan: serveroptimering, inbyggd cachning och CDN. Budgetdelat webbhotell för 3-5 dollar i månaden erbjuder inte detta. Skillnaden i TTFB: 300-800 ms för billigt delat webbhotell jämfört med 80-150 ms för managed (Kinsta data, 2025).

En VPS eller dedikerad server ger mer kontroll men kräver konfiguration. Välj NVMe-diskar och minst 2 GB RAM för en sajt med medelhög trafik.

Hur testar du ditt webbhotell? Öppna PageSpeed Insights och kontrollera TTFB. Ett värde över 600 ms är en anledning att byta abonnemang eller leverantör. GTmetrix visar i fliken Waterfall serverfördröjningen före den första byten.

Cachning och CDN: två acceleratorer som samverkar

Cachning innebär att spara en färdig HTML-kopia av sidan. Istället för att bygga ihop den vid varje besök (PHP + databas + tillägg) levererar servern statisk HTML. För WordPress ger detta en 2-5 gångers hastighetsökning.

Tre beprövade cachningstillägg:

WP Rocket (premium, från $59/år) är den optimala kompromissen: cachelagring, minifiering, lazy load och uppskjuten JS-laddning i ett enda plugin. Om din budget tillåter, installera det och täck de flesta punkterna med en enda konfiguration.

Inställningar för WordPress-cachetillägg i adminpanelen

CDN (Content Delivery Network) är ett nätverk av servrar runt om i världen. Din webbplats finns i ett datacenter; en besökare från en annan kontinent tappar tid på fiberoptiken. CDN löser detta: statiska filer distribueras över noder och levereras från den server som är närmast användaren.

Cloudflare är det populäraste kostnadsfria CDN för WordPress. Registrering, DNS-ändring och grundläggande cachelagring ingår. jsDelivr är ett alternativ för externa bibliotek: gratis, multi-CDN, automatisk minifiering.

Bildoptimering: tunga bilder är fiende nummer ett

Bilder står i genomsnitt för 45-60% av en WordPress-sidas vikt (HTTP Archive, 2025). Ett ooptimerat kamerafoto kan väga 3-7 MB, lika mycket som hela resten av sajten. Regeln är enkel: ingen bild hamnar på sajten utan komprimering och konvertering till ett modernt format.

Jämförelse av bildformaten WebP, AVIF och JPEG

Verktyg och plugins som gör detta automatiskt:

  • ShortPixel Image Optimizer komprimerar PNG, JPEG, GIF och konverterar till WebP/AVIF i farten, med en gratis gräns på 100 bilder per månad.

  • EWWW Image Optimizer optimerar på din egen server utan mängdbegränsningar och har stöd för AVIF sedan 2024.

  • Imagify, från utvecklarna bakom WP Rocket, erbjuder tre komprimeringsnivåer, med 20 MB gratis per månad.

Format: WebP komprimerar 25-35% bättre än JPEG. AVIF är ytterligare 20-30% effektivare plus HDR, men kodar långsammare. Om din server tillåter det, välj AVIF; om du behöver snabbhet, använd WebP.

Ladda inte upp bilder som är större än den upplösning som behövs. Ett inläggskort på 400×300 behöver inte ett foto på 2000×1500; webbläsarens skalning gör bara allt långsammare. Beskär till måttdimensionerna innan du laddar upp. Mer information i vår recension av tio lösningar.

Gzip och Brotli: komprimering på servernivå

Gzip är en veteran inom webbkomprimering från 1990-talet. Servern komprimerar HTML, CSS, JS och SVG innan de skickas, och webbläsaren dekomprimerar. Filstorleken minskas med 60-80%.

Brotli är Gzips efterföljare från Google (2015). Den komprimerar 15-25% bättre med samma dekomprimeringstid. Om din server stöder det, aktivera Brotli.

Så här aktiverar du det:

  • Via ett caching-plugin: WP Rocket, W3 Total Cache, WP Super Cache aktiverar komprimering med en enda kryssruta i inställningarna.
  • Via.htaccess (Apache): lägg till AddOutputFilterByType DEFLATE-direktiv för de nödvändiga MIME-typerna.
  • Via Nginx: modulen ngx_http_gzip_module (Gzip) eller ngx_brotli (Brotli) i serverkonfigurationen.

Den gamla metoden via /wp-admin/options.php (fältet gzipcompression) togs bort från WordPress kärna för många år sedan. Använd komprimering på serversidan eller ett plugin.

Minifiering: ta bort onödiga byte från koden

Minifiering innebär att man tar bort blanksteg, radbrytningar, kommentarer och oväsentliga tecken från HTML, CSS och JavaScript. Webbläsaren bryr sig inte om hur snyggt koden är formaterad; den bryr sig om giltighet och parsningshastighet.

Ett plugin täcker alla tre områden:

  • Autoptimize minifierar HTML, CSS och JS; aggregerar och infogar kritisk stil. Gratis, med en aktiv installationsbas på över 1 miljon webbplatser. Fungerar utmärkt med caching-plugins.

  • WP Rocket (premium) inkluderar minifiering direkt ur lådan, tillsammans med caching, komprimering och lazy loading.

Typiska vinster: 15-25% av CSS-storleken och 20-35% av JS-storleken (GTmetrix-mätningar, 2025). På mobilt 3G sparar detta 0,3-0,8 sekunder.

Stilmallar i head, skript före den avslutande body-taggen

Ordningen för resursladdning påverkar direkt den upplevda hastigheten (Googles rekommendation för Core Web Vitals):

  • **CSS placeras i **<head>: stilar laddas innan renderingen. Stilar längst ner på sidan = "naken" HTML utan stil (FOUC, Flash of Unstyled Content), vilket skadar intrycket mer än 200 ms extra laddningstid.

  • **JavaScript placeras före **</body>: skript blockerar renderingen. Widgets, trackers och externa API:er bör laddas efter att innehållet har renderats. Användaren kommer inte att klicka på "Dela"-knappen förrän de har läst texten.

Diagram över inladdningsordning för CSS och skript i ett HTML-dokument

Använd dessutom attributet defer (skriptet körs efter att HTML har laddats, men i ordning) och async (skriptet körs så snart det laddats, ordningen garanteras inte) för externa skript. För Google Analytics, Facebook Pixel och liknande verktyg, använd defer. För fristående widgetar, använd async.

Begränsa externa skript: varje knapp har en kostnad

Varje externt skript är en HTTP-förfrågan till en tredjepartsserver. En förfrågan: 50-200 ms, tio skript: en sekund eller mer. På långsamma anslutningar kan kaskaden av fördröjningar sträcka sig till 3-5 sekunder.

Typiska källor till externa skript:

  • Knappar för sociala medier (Facebook, Twitter, Pinterest)
  • Videospelare (YouTube, Vimeo, använd loading="lazy" eller en fasad)
  • Kommentarssystem (Disqus)
  • Livechatt (JivoSite, Intercom, Tidio)
  • Externa typsnitt (Google Fonts, hosta lokalt)
  • Prenumerationsformulär, popups, A/B-testning

Tillvägagångssättet: behåll bara det som påverkar verksamheten. Pingdom Speed Test visar förfrågningsvattenfallet; sortera efter varaktighet och ta bort de långsammaste.

Plugin-granskning: mindre betyder snabbare

Plugins är både WordPress styrka och svaghet. Varje aktivt plugin lägger till sin egen CSS och JS på varje sida, även om dess funktionalitet inte behövs där. Vissa gör HTTP-förfrågningar till externa API:er vid varje sidladdning.

Principer för att arbeta med plugins:

  • Ta bort oanvända. Ett plugin för import av demodata efter att webbplatsen lanserats? Ta bort det.

  • Duplicera inte funktionalitet. Yoast SEO och Rank Math behövs inte samtidigt.

  • Ersätt ett plugin med kod i ditt barntemas functions.php om det bara rör sig om några rader. Guide till barnteman.

  • Behåll kvalitetsplugins: välkända utvecklare, regelbundna uppdateringar. Ett plugin utan uppdateringar på två år är en varningsflagga.

Hur man rensar upp plugins på en WordPress-sajt ordentligt är en separat artikel med steg-för-steg-instruktioner.

WordPress-tema: kodkvalitet spelar roll

Välja ett kvalitetstema för WordPress i adminpanelen

Ett dåligt skrivet tema omintetgör alla optimeringar. Typiska problem: dussintals oanvända skript, gigantiska bibliotek för en enda animation, typsnitt i fyra vikter istället för två, ooptimerade bakgrundsbilder.

Kriterier för ett snabbt tema:

  • Aktiva uppdateringar: ett tema utan uppdateringar på över ett år är en risk för säkerhet och hastighet.
  • Minimalistisk design: Kadence, GeneratePress, Astra, Blocksy är lättviktiga byggare där du sätter ihop exakt vad din sajt behöver.
  • Inget hårt beroende av sidbyggare: om ett tema drar in halva internets skript är det inte snabbhet.

Ett barntema låter dig ändra beteendet utan att förlora uppdateringar. Alla visuella brister kan åtgärdas med anpassad CSS istället för att byta tema.

Databas: regelbunden rensning

WordPress lagrar allt: inlägg, utkast, revisioner, skräppostkommentarer, transienta alternativ, papperskorg. Med tiden sväller databasen och frågor blir långsammare.

Papperskorg. Som standard rensar WordPress papperskorgen var 30:e dag. Minska det till 7 dagar genom att lägga till i wp-config.php:

1define( 'EMPTY_TRASH_DAYS', 7 );

Om du inte behöver papperskorgen alls (innehåll raderas permanent och omedelbart):

1define( 'EMPTY_TRASH_DAYS', 0 );

Inläggsrevisioner. Varje autospara skapar en post i wp_posts. Efter ett år av aktivt bloggande kan revisioner utgöra en betydande del av databasen (enligt WP-Optimizes uppskattningar, upp till 20-40% av volymen). Begränsa antalet:

1define( 'WP_POST_REVISIONS', 3 );

Rensningsverktyg. Pluginet WP-Optimize tar bort revisioner, skräppost, transienta alternativ och optimerar tabeller. Advanced Database Cleaner är ett alternativ för finare kontroll.

Annonsering på sajten: balansera intäkter och hastighet

Annonsnätverk fungerar via externa skript. Google AdSense, displaynätverk, RTB-auktioner laddas alla från externa servrar och lägger till 1-3 sekunder på sidvikten.

Vad du kan göra:

  • Minska antalet annonsblock. Två banners istället för fem ger samma räckvidd med bättre hastighet.
  • Använd lokala banners. En direktlänk med en optimerad bild fungerar snabbare än ett externt skript. För att spåra klick, använd Pretty Links (ett gratis plugin för länkförkortning och spårning).
  • Lata ladda annonser. Banners under mitten av sidan laddas bara vid skrollning. Implementeras via attributet loading="lazy" eller plugins som Ad Inserter.

Avvägning: en textlänk till en partner får färre klick än en displaybanner men har praktiskt taget ingen påverkan på hastigheten. För bloggar med innehållsbaserade intäkter är detta ett fungerande alternativ.

HTTP-förfrågningar: färre filer, högre hastighet

Varje fil på sidan (CSS, JS, typsnitt, ikon, bild) kräver en separat HTTP-förfrågan. HTTP/2 och HTTP/3 multiplexar förfrågningar, men overhead finns kvar.

Snabba vinster:

  • Kombinera CSS och JS. Istället för fem små CSS-filer, använd en. Istället för tio JS-filer, använd en eller två. Autoptimize automatiserar detta.
  • CSS-sprites för ikoner. En bild istället för tjugo = tjugo sparade anrop.
  • Inaktivera stilar och skript selektivt. Kontaktformulärspluginet behövs bara på formulärsidan. Asset CleanUp eller Perfmatters inaktiverar CSS/JS selektivt.
  • Hostade typsnitt lokalt. Google Fonts kräver en extra DNS-förfrågan. Ladda ner de vikter du behöver och servera dem från din egen server.

Jetpack: inaktivera onödiga moduler

Lista över Jetpack-moduler med oanvända funktioner inaktiverade

Jetpack från Automattic är en schweizisk armékniv: statistik, bild-CDN, relaterade inlägg, sociala knappar. Men varje modul lägger till skript och stilar. Aktivera allt på en gång och du får 200-500 ms extra.

Behåll 2-4 moduler du faktiskt använder (Site Stats, Brute Force Protection). Inaktivera resten. På ett av våra projekt gav detta 0,7 sekunder kortare laddningstid.

Sammanfattningsvis: komprimera, ta bort det onödiga, börja med grunden

Den allmänna principen för WordPress-acceleration är minimalism. Inte i betydelsen "en avskalad sajt utan funktioner", utan i betydelsen "inget extra utan ett medvetet skäl". Varje plugin har en kostnad i millisekunder. Varje bild är bytes. Varje externt skript är ett beroende av någon annans server.

Börja med webbhotell och caching; detta ger 60-70% av förbättringen. Gå sedan igenom bilder och minifiering för ytterligare 20-25%. Resten är finjustering som tillsammans ger ett utmärkt resultat. YouTube-plugins för WordPress hjälper till att snabba upp videoinbäddning; använd lazy loading istället för en direkt iframe.

⁉️🤔 Vanliga frågor

Hur många WordPress-plugins är "för många"?

Det är inte antalet som spelar roll utan kvaliteten. Tjugo välskrivna plugins från verifierade utvecklare kan belasta en sajt mindre än tre "buggiga". Fokusera inte på antalet utan på vattenfallsdiagrammet i GTmetrix: om en plugin lägger till mer än 100 ms, fundera på om du verkligen behöver den.

Vad är bättre: gratis CDN från Cloudflare eller betald?

Gratis Cloudflare räcker för de allra flesta sajter. Betalda abonnemang (från $20/månad) lägger till Polish (bildkomprimering), Mirage (mobiloptimering) och Argo Smart Routing. Om din sajt genererar intäkter och varje sekund av konvertering räknas, är uppgraderingen motiverad.

Kan man klara sig utan ett caching-plugin?

Det kan du om du använder webbhotell med inbyggd cachning på servernivå (Kinsta, WP Engine, Cloudways via Varnish eller Nginx FastCGI Cache). Annars är ett caching-plugin det snabbaste sättet att snabba upp din sajt utan kodändringar.

Är det värt att byta till Brotli istället för Gzip?

Ja, om din server stödjer det. Brotli komprimerar märkbart effektivare än Gzip vid jämförbara tider (detaljerade siffror i Gzip- och Brotli-avsnittet ovan). Kontrollera serverns svarshuvuden: content-encoding: br betyder Brotli, content-encoding: gzip betyder Gzip. Om br saknas, kontakta ditt webbhotell.

Hur ofta bör man rensa WordPress-databasen?

En gång i månaden för en aktivt uppdaterad sajt, en gång i kvartalet för en visitkortssajt eller landningssida. Gör alltid en säkerhetskopia av databasen före varje rensning.

Vad du kan göra idag för att din WordPress-sajt ska ladda snabbare

Vänta inte till helgen och skjut inte upp det. Tre steg som ger dig en märkbar hastighetsökning inom de närmaste timmarna:

  • Aktivera cachning. Installera WP Fastest Cache (gratis), bocka i tre rutor och spara. Hastighetsförbättringen är märkbar och nästan garanterad.

  • Kör den genom en analysator. Öppna GTmetrix eller PageSpeed Insights och titta på TTFB och LCP. Om servern svarar längre än 600 ms, kontakta ditt webbhotell eller byt abonnemang.

  • Rensa bort skräp. Avaktivera tillägg du inte har använt på över en månad. Töm papperskorgen. Kontrollera hur många revisioner som finns lagrade i databasen.

Om din sajt efter dessa tre steg fortfarande laddar längre än 3 sekunder, gå tillbaka till den fullständiga listan med tekniker och arbeta igenom dem i ordning. Ett systematiskt tillvägagångssätt slår alltid engångsfixar.