Bara detta säger oss att ja, sidhastigheten spelar verkligen roll – och det är därför det är viktigt att ditt företag har en webbplats som laddas tillräckligt snabbt för att uppfylla dina användares förväntningar.

1.1 Spelar sidhastighet verkligen någon roll?

En imponerande sidhastighet hjälper till att hålla din användare engagerad, uppmuntrar dem att utforska webbplatsen och interagera med ditt innehåll. Utan det riskerar du högre sidavhopp och lägre konverteringsfrekvens.

Undersökningar om användarupplevelse och beteende

Det har gjorts ett flertal studier om sidladdningshastighet och de indikerar alla tydligt att en långsam webbplats kan ha en betydande och negativ inverkan på användarupplevelsen, vilket ur ett affärsperspektiv kan visa sig kostsamt.

Till exempel visar undersökningar gjorda av Akamai.com och Gomez.com att 47 % av konsumenterna inte väntar längre än två sekunder på att en webbsida ska laddas, och om webbplatsen inte laddas inom tre sekunder lämnar de webbplatsen helt och hållet.

På samma sätt, enligt data som presenteras av AOL, påverkar sidladdningshastigheten sidvisningar per besök med upp till svindlande 50 %. En annan studie har visat att 79 % av onlinekunderna som har upplevt prestandaproblem på en webbplats säger att de är mindre benägna att återvända till den webbplatsen igen, med 44 % av dem som säger att de skulle berätta för en vän om deras dåliga användarupplevelse.

Med det i åtanke tog vi en titt på hur hastigheten på din webbplats kan påverka försäljningen i din webbutik.

E-handelswebbplatsen Shopzilla uppnådde en imponerande 25% ökning av sidvisningar och genererade mellan 7% och 12% mer intäkter genom att förbättra deras hemsidas laddningstid från ~7 sekunder till ~2 sekunder. Dessa siffror stämmer mycket överens med forskning från Gomez.com och Akamai.com som säger att för en e-handelsbutik som tjänar 100 000 USD per dag kan en sidfördröjning på bara en sekund potentiellt kosta 2,5 miljoner USD i förlorad försäljning varje år. Samma fördröjning på en sekund i sidsvar kan resultera i upp till 7 % minskning av antalet omvandlingar.

Sidhastighet som sökmotors rankningsfaktor

När det kommer till sökmotoroptimering tänker vi genast på att använda nyckelord i vårt webbinnehåll eller generera bakåtlänkar till vår webbplats, men det enda vi ofta förbiser är vikten av sidhastighet i SEO-ranking. Med Googles ord:

"Att snabba upp webbplatser är viktigt – inte bara för webbplatsägare, utan för alla internetanvändare. Snabbare sajter skapar nöjda användare och vi har sett i våra interna studier att när en sajt svarar långsamt tillbringar besökare mindre tid där."

Till stöd för detta uttalande har Google sedan dess uppdaterat Google Analytics för att inkludera ytterligare statistikverktyg som sidladdningstid, sökning och sidstorlek i ett försök att göra det möjligt för webbansvariga att fullständigt analysera sin webbplats prestanda och börja utveckla strategier och åtgärder för att förbättra deras sidladdningstider.

Naturligtvis kommer inte varje webbplats som uppnår en optimal sidladdningshastighet att rankas som nummer ett i sökmotorresultat; det finns många andra påverkande faktorer att ta hänsyn till – detta är i princip bara en del av sticksågen. Vad vi kan säga med tillförsikt är att en webbplats som laddas snabbt kommer att ha tydliga fördelar jämfört med konkurrerande webbplatser som ännu inte är uppdaterade.

1.2 Testa din sidhastighet

Att testa din sidhastighet är en bra idé och vi är här för att visa dig hur. Vi föreslår att du använder ett flitigt använt onlineverktyg från Pingdom.

Kom helt enkelt till tools.pingdom.com, ange din webbadress, välj din plats från rullgardinsmenyn och tryck på "Starta test". Pingdom gör resten.

Efter att de har analyserat din webbplats kommer Pingdom att ge dig en sidhastighetspoäng tillsammans med några användbara insikter. Ta en titt på vårt exempel nedan:

Du får också en omfattande rapport med rad-för-rad-instruktioner för att fixa vart och ett av de element som saktar ner din webbplats. Beroende på hur komplexa de föreslagna korrigeringarna är kanske du vill kontakta din webbplatsutvecklare för att hjälpa dig implementera de nödvändiga ändringarna.

1.3 Bästa tillvägagångssätt för att förbättra sidladdningshastigheten

Vi vet att en bra sidladdningshastighet är avgörande för kundbehållning och omvandlingsfrekvenser, och nu har du bestämt din sidladdningshastighet, det finns ingen bättre tid att gå till handling och förbättra den. Här är några av de steg vi rekommenderar att du tar för att förbättra din webbplatshastighet.

1 Använd ett Content Delivery Network (CDN)

Att använda en CDN-tjänst är ett av de mest populära sätten att minska sidladdningstider. Den gör detta genom att skicka en cachad version av din webbsidas innehåll till ett geografiskt distribuerat nätverk av servrar som kallas Points of Presence, eller förkortat POPs.

Genom att göra detta minskas det virtuella avståndet mellan servrar, vilket innebär att innehåll levereras och laddas till sidan snabbare – och eftersom dina webbfiler är spridda över flera servrar minskar CDN bördan på en enskild server.

I huvudsak placerar CDN ditt innehåll på olika platser samtidigt, vilket innebär att din webbsidasbesökare kan komma åt innehåll mycket snabbare än de skulle ha kunnat utan ett CDN. Detta innebär inte bara att besökare på din sida är mer benägna att stanna kvar på din webbplats längre utan det betyder också att du sparar bandbredd från ditt huvudsakliga värdpaket.2zs

2 Använd Expires-rubriker för att utnyttja webbläsarcache

Expires headers är ett kodavsnitt som definieras i .htaccess-filen. Den instruerar webbläsaren och dirigerar den att begära en specifik sida från servern eller ta en version av en sida från webbläsarens cache.

Expires headers tillåter användare att återanvända cachade filer på webbsidor som lagras i webbläsaren och minskar tiden det tar att ladda ner filerna. Det minskar också antalet förfrågningar som görs för att ladda webbsidan, vilket minskar sidans laddningstid.

Observera att Expires-rubriker bara fungerar om din besökare redan har en version av din webbsida lagrad i webbläsarens cache. För att uppnå detta måste användaren ha besökt din webbplats minst en gång tidigare.

3 Åtgärda alla trasiga länkar

Trasiga länkar avskräcker användare från att besöka andra sidor på din webbplats och kan innebära att användare väljer att lämna din webbplats helt och hållet. Bortsett från låg användarretention kan detta orsaka andra problem.

Till exempel, när användare spenderar mindre tid på din webbplats antar sökmotoralgoritmer att din webbplats inte har kvalitetsinnehåll eller information. Detta kommer i sin tur att avsevärt minska det genomsnittliga antalet besökta sidor per användare och negativt påverka din sökmotorrankning.

Åtgärda detta genom att identifiera och korrigera dina trasiga länkar. Vi rekommenderar att du använder ett gratisverktyg som Google Webmaster Tools eller Screaming Frog SEO Spider.

4 Ange bildmått och teckenuppsättning i HTTP-rubriker

När en användare besöker en webbsida måste deras webbläsare förbereda den fullständiga layouten för den sidan, vilket kan orsaka förseningar vid inläsning av sidan.

Genom att ange dimensionerna för bilder på dina webbsidor kan du hjälpa till att spara tid för webbläsaren – och genom att spara tid för webbläsaren sparar du besökstid för din webbsida.

Av samma anledning bör du också ange en teckenuppsättning i HTTP-svarsrubriker för att minimera tiden som din webbläsare lägger ner på att bestämma teckenuppsättningen för din webbplats.

5 Optimera bilderna

Överdimensionerade bilder tar alltid längre tid att ladda, så det är viktigt att du håller dina bilder så små som möjligt.

Se till att också optimera varje bild innan du laddar upp till din webbplats och om du använder grafikprogram för att optimera bilderna bör du använda alternativet "Spara för webben". Detta kommer att minska storleken på bilder och förbättra sidans laddningstid. Kom ihåg att du bör använda antingen JPEG- eller PNG-bildtillägg – använd inte BMP eller TIFF.

WordPress-användare kan installera WP Smush.it plugin för att komprimera bilder automatiskt. WP Smush.it körs i bakgrunden varje gång du laddar upp en bild till ditt mediebibliotek och minskar storleken på bilder utan att försämra kvaliteten.

6 Minska 301-omdirigeringar

För att reparera trasiga länkar (404-fel) föredras 301-omdirigeringar. Men när du har för många 301-omdirigeringar på din webbplats kan webbläsaren ta längre tid att nå rätt destination.

301-omdirigeringar skapar ytterligare HTTP-förfrågningar vilket innebär en ytterligare ökning av sidladdningstiden, så när det är möjligt håll 301-omdirigeringar till ett minimum. Vi rekommenderar att du hittar dina 301-omdirigeringar med verktyget Screaming Frog SEO Spider.

7 Använd GZIP-komprimering

GZIP-komprimering och deflation minskar en filstorlek utan att försämra den visuella kvaliteten på bilder och videor, vilket verkligen kan hjälpa till att förbättra sidans laddningstid.

Fråga ditt webbhotell om de har aktiverat GZIP-komprimering och deflation på sina webbservrar. Om du använder VPS-hosting kan du aktivera det på egen hand.

8 Aktivera webbläsarcache

När användare besöker din webbplats för första gången måste de ladda ner HTML-innehåll, stilmallar, JavaScript-filer och bilder innan de kan se din sida. När webbläsarcache är aktiverat behöver vissa användare inte ladda varje element på webbsidan vid efterföljande besök.

Innehållshanteringssystem som WordPress, Joomla och Drupal har utmärkta cache-plugins för att förbättra sidhastigheten. Dessa plugins minskar sidladdningstider genom att cachelagra den senaste versionen av din webbplats, så din webbläsare behöver inte dynamiskt generera samma sida varje gång.

9 Sätt CSS längst upp & JS längst ner

Din webbläsare renderar en CSS-fil innan den renderar andra delar av din sida, så för att spara tid bör du alltid placera CSS överst på din sida.

På samma sätt lägger du JavaScript längst ned på sidan eftersom allt under JavaScript kommer att blockeras från att renderas och laddas ned tills JavaScriptet laddas.

10 .Minifiera dina CSS- och JS-filer

Termen minify betecknar processen att ta bort onödiga tecken som inte krävs för att en kod ska köras. Det vanligaste sättet att förminska filer är att slå samman alla CSS- och JS-filer till en, så att du inte behöver anropa flera filer för varje enskild begäran.

Ett annat sätt att förminska är att ta bort blanksteg, nyradstecken, kommentarer och blockavgränsare i JS och CSS för att göra dessa filer mindre.

WordPress-användare kan helt enkelt installera ett plugin som heter WP Minify för att förminska JS- och CSS-filerna.

11 Inaktivera hotlinking av bilder

Hotlinking eller bandbreddsstöld förbrukar din tilldelade bandbredd och saktar ner din webbplats. För att förhindra hotlinking, lägg helt enkelt till koden nedan i din .htaccess-fil och ladda upp filen till antingen din rotkatalog eller en viss underkatalog för att lokalisera effekten till bara en del av din webbplats.

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www.)?yourdomain.com/.*$ [NC]
RewriteRule .(gif|jpg|js|css)$ - [F]

1.4 Hur webbhotell påverkar sidhastigheten

Om du har följt ovanstående standardpraxis för att förbättra din sidhastighet och fortfarande märker en väldigt liten skillnad bör du kontrollera med ditt webbhotell. Webbhotellleverantören och tekniken du väljer kan ha en betydande inverkan på din sidas laddningstid.

När du laddar en webbplats kör den hundratals rader kod, svarar på många förfrågningar och kör ett antal databasfrågor för att bara återge en sida. Alla dessa körningar måste utföras på webbservern där din webbplats finns. Om din webbserver är kraftfull kommer den att betjäna din webbsida snabbare.

Föreställ dig till exempel din webbplats som en bil. Du kan anpassa den genom att ge den en inredning (kodoptimering) och exteriör (grafik, design och frontend-layout) för att få den att se bra ut. Men om din motor (värdmiljö) inte är kraftfull kanske din webbplats inte når sin fulla potential.

I ett nötskal beror webbplatsens hastighet mycket på vilken typ av webbhotell, webbhotell och värdpaket du väljer, så dubbelkolla vad du har registrerat dig för.

1.5 I vilken utsträckning förbättrar VPS Hosting sidladdningshastigheten?

Om din webbplats har ett delat värdkonto, överväg att uppgradera till en VPS eller dedikerad server. VPS kommer med dedikerad RAM, vCPU och bandbreddsallokering så att din webbplats kommer att köras med sin egen uppsättning resurser. Dessutom kan VPS-användare justera VPS för att finjustera sidladdningshastigheten.

För att avgöra hur mycket VPS-hosting förbättrar sidladdningshastigheten genomförde vi ett sidladdningshastighetstest. Testet genomfördes på de mest populära CMS-, Magento-, WordPress-, Drupal- och Joomla-installationerna med en på ett delat värdpaket och en annan på ett SSD VPS-paket. Vi hittade följande resultat:

Resultaten visar på en märkbar tidsfördröjning i sidladdningen i den delade miljön med stora förbättringar vid uppgradering av webbhotell till VPS. VPS-värdlösningar är alltid att föredra framför delad värd för resursintensiva och högtrafikerade webbplatser.