5 tips på hur du förbättrar webbplatsens laddningstid

För var­je år som går blir webb­plat­ser­na allt­mer avan­ce­ra­de. Vi läg­ger till flas­hi­ga plu­gins och snyg­ga Java­Script-funk­tio­ner i syf­te att ge använ­dar­na en bätt­re digi­tal upp­le­vel­se, vil­ket ock­så resul­te­rar i att stor­le­ken på webb­plat­ser­na växer.

När det gäl­ler en webb­plats ladd­nings­tid har var­je sekund bety­del­se och där­för skall vi all­tid strä­va efter att ha en så snabb sida som möjligt.

Hur snabbt inne­hål­let på en webb­plats lad­dar räk­nas in i Goog­les ran­kingal­go­ritm, men har även väl­digt stor bety­del­se för hur webb­plat­sen kon­ver­te­rar samt för använ­darupp­le­vel­sen. Mer­par­ten av oss gil­lar inte att vän­ta och tve­kar inte att klic­ka till­ba­ka i sökre­sul­ta­tet för att hit­ta någon­ting annat om det dröjer.

Hur snabbt laddar din webbplats?

Det finns många bra verk­tyg som kan hjäl­pa dig att ana­ly­se­ra webb­plat­sens ladd­nings­tid. Ett av dem är gra­tis­verk­ty­get Ping­dom­Tools, där du genom att skri­va in webb­plat­sens URL får veta ladd­nings­tid, stor­lek samt en mängd annan nyt­tig information.

Söker du kon­kre­ta för­slag på åtgär­der som kan för­bätt­ra ladd­nings­ti­den är Goog­les egna verk­tyg Page­Speed Insights en myc­ket bra bör­jan. Där kan du snabbt och enkelt (och dess­utom helt gra­tis!) få en över­blick av både hög- och låg­pri­o­ri­te­ra­de för­slag på åtgär­der som kom­mer att ha en posi­tiv påver­kan på ladd­nings­ti­den. Ett stort plus är att verk­ty­get även under­sö­ker hur webb­plat­sen pre­ste­rar både vad gäl­ler desk­top och mobilt.

Vi är nog alla över­ens om att vi skall strä­va efter en så snabb webb­plats som möj­ligt – men vad inne­bär då snabb? En gene­rell rikt­lin­je är att ladd­nings­ti­den bör lig­ga runt 2 sekun­der, men huvud­sa­ken är ändå att du arbe­tar med­ve­ten med att snab­ba upp webb­plat­sen i den mån som är möjlig.

Fem tips till en snabbare webbplats

När vi har tagit reda på hur snabbt vår webb­plats lad­dar, vill vi natur­ligt­vis veta vad vi kan göra för att för­bätt­ra den­na. För att se till att våra besö­ka­re kom­mer dit de vill – fast snabbare.

Nedan har jag listat fem tips som inte behö­ver ta lång tid att genom­fö­ra och som garan­te­rat kom­mer att för­bätt­ra laddningstiden.

1. Bildoptimering

Har du många bil­der på din webb­plats? I så fall är det extra vik­tigt att se till att sto­ra och högupp­lös­ta bil­der är kom­pri­me­ra­de, gär­na redan vid upp­ladd­ning eftersom sto­ra filer lätt har en nega­tiv påver­kan på ladd­nings­ti­den. Det är fullt möj­ligt att kom­pri­me­ra bil­der utan att gå mis­te om bild­kva­li­tet, ett plu­gin som gör det­ta är WP – Smush för er som använ­der Word­press. Ett annat popu­lärt alter­na­tiv som inte för­li­tar sig på en moln­tjänst utan där arbe­tet utförs lokalt på ser­vern är Ewww image opti­mi­zer.

Kom även ihåg att inte beskä­ra bil­der med hjälp av HTML eller CSS, utan se till att alla bil­der som finns upp­lad­da­de är i pre­cis de mått de behö­ver vara och inte tar upp onö­digt utrymme.

2. Komprimering av HTML/​CSS/​JavaScript

Genom att akti­ve­ra kom­pri­me­ring med hjälp av Gzip kom­mer webb­plat­sen inte bara att lad­da snab­ba­re, utan stor­le­ken på filer­na kom­mer även att mins­ka med upp till 70%. I de fall Gzip inte redan är akti­ve­rat på er webb­plats, är det något ni abso­lut bör göra! Här kan ni tes­ta om ni har gzip aktiverat.

3. Minify

Mini­fi­ca­tion (”Min­fy”) är en tek­nik som används för att rade­ra onö­digt utrym­me i sta­tis­ka resurs filer. När mini­fy är akti­ve­rat ren­sas onö­di­ga mel­lanslag, rad­bryt­ning­ar, kom­ma­tec­ken och lik­nan­de bort i käll­ko­den. Se även till att kom­men­ta­rer och kod som inte används tas bort. Det­ta bör köras på samt­li­ga Java­script, CSS och HTML-filer på webb­plat­sen, som i sin tur hjäl­per till med att kor­ta ned ladd­nings­ti­den avsevärt.

Min­fy-funk­tio­nen är inte med auto­ma­tik inbyggd i alla CMS-system. Använ­der ni Word­press är till exem­pel BWP Mini­fy en bra plugin.

4. Cachelagring

För att und­vi­ka att lad­da ner samt­li­ga filer var­je gång du besö­ker en webb­plats kan vi istäl­let låta webb­lä­sa­ren spa­ra des­sa i sin cache. Det inne­bär att filer­na häm­tas lokalt från hård­dis­ken istäl­let för att lad­das ner från webbservern.

5. Plugins

Om du använ­der Word­press eller annat CMS med ett brett urval av plu­gins, är det bra att se över des­sa om du upp­le­ver att webb­plat­sen tar lång tid att lad­da. Behåll de plu­gins som du fak­tiskt använ­der och ta bort res­ten. Tes­ta även att fel­sö­ka om det är ett spe­ci­fikt plu­gin som  har en nega­tiv påver­kan på ladd­nings­ti­den genom att avaktivera.