Förbättra hastigheten på din hemsida

Sidhastighet är hur lång tid det tar för din webbsida att ladda. Enkelt uttryckt hur lång tid det tar att ladda ner hemsidans innehåll från webbhotellets server. Det är alltid viktigt att fokusera på snabbast möjliga sidhastighet. Laddningstiden ska vara under två sekunder och hela hemsidan måste laddas ner under dessa två sekunder för att du ska ha en bra sidhastighet. En snabbare hemsida säkerställer att besökarna inte behöver vänta och att användarvänligheten är optimal.  

Hur påverkar sidhastigehten SEO?

2018 bestämde Google att sidhastighet skulle bli en rankningsfaktor för sökningar med mobil. Men det är inte den enda parametern för hur din sida rankar på Google. Din hemsidas prestanda i en webbläsare är också en avgörande faktor. 

Vi kan inte nog påpeka vikten av att hastighetsoptimera webbsidan för mobilanvändare. Majoriteten av internetanvändarna söker på nätet via mobiltelefoner eller andra bärbara enheter i dagsläget. Därför är det av yttersta vikt att säkerställa sidhastigheten motsvarar deras krav.  

Lättaste sättet att eliminera problemet med att dirigera om trafik till en webbsida anpassad för mobilanvändare är att ha en responsiv design. Idag är det lättare att någonsin att skapa upplevelser på flera enheter utan att behöva omdirigera dina användare från datorversionen av din hemsida till en mobiloptimerad variant. 

Personer som surfar på sina mobiler vill ha snabba resultat och har dåligt tålamod. Därför är det av yttersta vikt att testa din hemsidas hastighet och kontrollera att den svarar upp mot en optimerad hastighet. Om en besökare inte tilltalas av designen på din webbplats är risken stor att de lämnar sidan och inte kommer tillbaka. 

Om du har de här aspekterna i åtanke och arbetar aktivt med att göra regelbundna test av hemsidan så kommer du sannolikt att få fler besökare. Tänk så här: personer surfar på mobilen så gott som hela tiden, oavsett om de sitter på tåget, på restaurang och väntar på sitt sällskap eller slappar hemma i soffan.

Testa hastigheten på din hemsida

Det första du måste göra är ett hastighetstest av din hemsida. Du kan göra det genom att gå in på Google Insights, skriva in din hemsidas URL och invänta resultatet. Inom några sekunder kommer verktyget att göra ett hastighetstest och visa vilken hastighet sidan har på datorer respektive mobiltelefoner. Resultatet för att testa hemsida hastighet kan hamna var som helst mellan 0 och 100. Om din hemsidas hastighet ligger mellan 0 och 49 behöver du optimera hastigheten omgående. Om sidhastigheten ligger mellan 50 och 89 är resultatet av ditt hastighetstest inte katastrofalt men du behöver fortfarande optimera hastigheten och få en snabbare hemsida. Hamnar resultatet av ditt test mellan 90 och 100, då kan du luta dig tillbaka för då har du en bra sidhastighet. Du kan även använda det här verktyget för att kontrollera dina konkurrenters hemsidor och se vilken prestanda och resultat de får på ett hastighetstest.   

Kort sagt, Google belönar webbsidor som laddar snabbt och det är något som du alltid ska ha i åtanke, så testa hemsidans hastighet regelbundet.  

Hur gör du för att få en snabbare hemsida?

Det finns en rad fördelar med att gör ett hastighetstest för att få en snabbare hemsida. Några av de nya besökarna som klickar sig in på din hemsida kommer att försvinna – det räcker med en sekunds fördröjning för att trafiken ska sjunka. Och det slutar dessvärre inte där. Det är bevisat att en bra sidhastighet även ger en bättre försäljning i webbutiker. Dessutom resulterar bra prestanda på hemsidan i mer engagerade användare. Därför är det viktigt att du schemalägger när du ska testa hastighet på hemsidan, så att detta inte rinner ut i sanden.

Att göra ett test av hemsidan för att kontrollera, och vid behov förbättra, sidhastigheten är en av många relativt enkla och snabbt genomförda förbättringar. Men innan du börjar med att göra förändringar för att förbättra din hemsidas hastighet, se till att göra en backup på den befintliga sidan. Du vet aldrig vad som kan hända under optimeringsarbete av hastigheten eller annat arbete med webbplatsen. 

Låt oss gå igenom de aspekter som du ska överväga när du ska testa hastighet och förbättra sidhastigheten. 

• Webbhotell

Se till att du har ett bra webbhotell. Ett bra webbhotell är grunden för din hemsidas prestanda, så se till att du har rätt webbhotell och rätt hemsideslösning. Det finns flera hemsidelösningar tillgängliga. Om du inte har en bra lösning kommer det att drabba din hemsida på ett negativt sätt.  

• Serverns svarstid

Serverns svarstid påverkas av hur mycket trafik du har till hemsidan, hur många förfrågningar du tar emot och hur mycket resurser du använder. Gör ett hastighetstest för att se hur serverns svarstid påverkar din hemsida. Leta efter allt som kan påverka svarstiden och få bort flaskhalsarna.   

• Komprimering

Komprimera dina filer och öka prestandan på din hemsida. Du kan använda Gzip (en mjukvaru-app) för att komprimera dina filer. Filer som är över 150 byte kan påverka hemsidans prestanda negativt; Gzip kan komprimera filer som JavaScript och HTML för att minska ner dem under 150 byte. 

Du kan börja med att göra en komprimering och sedan testa hemsidans hastighet för att ser hur komprimeringen påverkar sidhastigheten. Därefter kan du göra de förbättringar som krävs.  

Utöver det, minimera tidsåtgången till första byte. En fråga du ska ställa dig själv är hur lång tid det tar för din hemsida att ladda och hur lång tid det tar innan själva laddningen startar. Båda dessa faktorerna kan du kartlägga genom att testa hemsida hastighet i Google Pagespeed Insights. 

• Optimera dina bilder 

När du ska testa hastighet är det viktigt att hålla i minnet att bilder tar upp rejält mycket plats när din hemsida laddar, så se till att de inte är större än nödvändigt. Sajter som exempelvis Canva hjälper dig att minska upplösningen och öka komprimeringen av bilderna utan att de pixliga och suddiga för dina besökare. Säg till exempel att bredden på dina bloggartiklar är 732 pixlar, då är alla dina bilder prefekt beskurna och komprimerade för att minimera sidans laddningstid.

• Minimera mängden kod

Kommentarer och mellanslag är två grundpelare i webbutveckling. Det underlättar läsbarhet och dokumentation för framtida designer, vilket är suveränt bortsett från att det är onödig data som processas och räknas in i svarstiden vid ett hastighetstest. Minimeringstjänster som exempelvis Will Peavy’s tar bort denna, för sammanhanget, oväsentliga information och skalar ner antalet filer som ska hanteras.  

• Placera din CSS-taggar i toppen och Javascript-taggarna i botten

Generellt sett ska din CSS-kod komma så tidigt som möjligt eftersom de flesta webbläsare betygsätter sidor innan CSS-koden är uppladdad, något som förhindrar att webbsidan blinkar och fladdrar medan stilmallarna laddas.  

När det gäller Javascript är det bättre att hålla koden så långt ner som möjligt. Detta eftersom webbläsare inte analyserar någon kod som kommer efter att scripten är laddade och kompletta.  Därför vill du ha de visuella elementen på plats under laddningen av Javascript. 

Dessutom, ladda hellre dina Javascript-filer asynkront än synkront för att säkerställa att åtminstone några av dina filer laddas simultant istället för en i taget. Och om du gör några ändringar, glöm inte att göra ett test av hemsidan för att se hastighetsförändringen.  

• Använda ett CDN

Ett CDN (content delivery network) är ett system som servrarna använder för att leverera innehåll och samtidigt optimera hemsidans prestanda. Det betyder att om du använder ett CDN kommer filerna att distribueras från flera servrar som finns närmare dina besökare. Det minskar laddningstiden för varje enskild server, vilket förbättrar användarvänligheten. Du kan tar reda på hur mycket genom att testa hastighet och laddningstid för hemsidan.

• Minska omdirigeringar och externa script

När du ska testa hastighet för att analysera resultatet och får indikationer på en långsam laddningstid är det dags att ta en titt på omdirigeringar och externa script. Varje gång du delar en länk i dina artiklar eller blogginlägg måste dina besökare vänta på att den länken ska ladda. Omdirigeringar är bra men se till att hålla dem på en så låg nivå som möjligt. Tänk även på att du dirigerar om till en annan webbplats och du inte hur bra deras hastighetsoptimering är. 

Det är även viktigt att du minimerar externa script. Du kan interagera med en tredje part utan att känna till det, något som drar ner sidhastigheten på din hemsida. 

• Webbläsarens cacheminne

Cache-minnet är något bra. Det håller ordning på exempelvis bilder och fungerar som en sorts minne när dina besökare återkommer till din hemsida. Cache-minnet gör att sidan inte behöver ladda all information igen, vilket ger en effektiv och smidig process. Utan cacheminne måste en sida ladda upp till 30 komponenter för varje enskild besökare på din hemsida. En process som tar betydligt längre tid än två sekunder. 

Det är viktigt att förbättra och testa hastighet på hemsidan regelbundet eftersom sidha stigen är central för både dator- och mobilanvändare. En hastighetsoptimerad webbplats hjälper till att marknadsföra ditt varumärke och förbättra användarvänligheten för dina besökare.