Sidhastighet: Vad är det, varför är det viktigt och hur kan du förbättra din?

Vad är sambandet mellan Page Speed och SEO?

Varför är det viktigt för din webbplats?

Oavsett om du är intresserad av att skapa en bättre användarupplevelse för dina besökare eller om du vill öka din SEO-ranking, bör dina webbplatsutvecklare ta lite tid att fokusera på sidhastigheten. Nedan kommer du inte bara att lära dig hur du förbättrar sidhastigheten, utan också hur du spårar framgången med dina ansträngningar, hur du testar sidhastigheten, hur du ökar sidhastighetspoängen och så mycket mer.

Vad är Page Speed?

I ordets enklaste bemärkelse avser sidhastighet hur snabbt innehållet på en viss webbsida laddas. Sidhastighet kan beskrivas på ett av två sätt: "sidladdningstid" eller "tid till första byte". Med laddningstid avses hur lång tid det tar för en enskild sida på din webbplats att visa hela innehållet, medan tid till första byte avser hur lång tid det tar för en webbläsare att ta emot den första byten med information från webbservern. Medan användarna bryr sig mer om sidans laddningstid, lägger sökmotorerna stor vikt vid båda typerna av sidhastighet.

Hur man förbättrar sidhastigheten

Att förbättra sidhastigheten kräver stor kunskap och flera steg. Lyckligtvis finns det flera verktyg som gör det enkelt även för icke-utvecklare att öka sidhastigheten med liten ansträngning. Ett sådant verktyg är Gzip.

Gzip är ett filkomprimeringsprogram som minskar storleken på HTML-, CSS- och JavaScript-filer som är större än 150 byte. Filkomprimering kan minska filstorleken med så mycket som 90 %. Mindre filer kräver mindre dataanvändning, vilket innebär att sidor kan laddas snabbare.

Kodminimering är en liknande metod som filreducering. Använd Google-rekommenderade verktyg som UglifyJS eller CSSNano för att minimera din JavaScript-, CSS- och HTML-kodning. Detta har i princip samma effekt som filkomprimering - det minskar behovet av mer data, vilket leder till snabbare laddningstider. Dessa verktyg tar också bort oönskade data, t.ex. formatering, oanvända koder och kodkommentarer.

Om du räknar med att få återkommande besökare (vilket du bör göra!) ska du implementera cachning i webbläsaren. Webbläsare cachar webbplatsdata som bilder, JavaScript-filer och kalkylblad, så att när en besökare återvänder till din sida behöver hans eller hennes webbläsare inte ladda om hela bilden - den hämtar bara från cacheminnet. Använd YSlow för att se vilket utgångsdatum du har för din cache och för att sätta det till en längre tidsperiod. I de flesta fall är ett år en rimlig tidsperiod.

En annan sak du kan göra för att öka sidhastigheten är att minska antalet omdirigeringar. För varje omdirigering som din sida går igenom måste besökaren vänta ytterligare en till tre sekunder. Du kan minska väntetiden genom att se över ditt omdirigeringsmönster och ta bort onödiga omdirigeringar.

Du kan också optimera ditt innehåll för att öka sidans laddningstid. Du kan t.ex. använda innehållsdistributionsnätverk för att låta andra servrar dela på ansvaret för att leverera ditt innehåll. Detta garanterar att användarna får snabbare och mer tillförlitlig åtkomst till ditt innehåll, särskilt ju längre bort de befinner sig från din värds geografiska plats. Du kan också optimera dina bilder. Se till att de har rätt filformat, att de inte är större än de behöver vara och att de är komprimerade för webben.

Hur viktigt är det med sidhastighet?

Mycket. Ur ett användarperspektiv är sidhastigheten viktig eftersom snabbare sidor är mer effektiva. Det genomsnittliga uppmärksamhetsspannet är idag bara åtta sekunder, vilket är kortare än en guldfisks nio sekunder. Men enligt en Kissmetrics-studie är användarnas uppmärksamhetsförmåga ännu kortare när det gäller World Wide Web, bara tre sekunder. Om en sida tar längre tid än tre sekunder att ladda kommer mer än en fjärdedel av besökarna sannolikt att klicka bort den.

Sidans laddningshastighet påverkar också konverteringen. När Walmart utvärderade sina sidhastighetsdata märkte de till exempel en ökning av antalet konverteringar med 2 % för varje sekund som en sida laddades snabbare. Amazon testade denna teori och beräknade att de skulle förlora 1,6 miljarder dollar varje år om deras webbplats saktade ner med bara en sekund.

Sökmotorerna lägger också stor vikt vid hur snabbt en sida laddas, sannolikt för att användarna gör det. År 2010 meddelade Google att de skulle använda sidladdningstider som en rankningsfaktor. Sju år senare meddelade de att de skulle ta ännu större hänsyn till sidhastigheten.

Så här kontrollerar du sidhastigheten i Google Analytics

Google gör det enkelt för dig att se hur snabbt användarna kan interagera med ditt innehåll. Det hjälper dig också att identifiera förbättringsområden och gör det enkelt för dig att sedan spåra resultatet av dessa uppdateringar. Så, vad behöver du göra för att komma igång?1

• Logga in på ditt Google Analytics-konto.
• Navigera till din vy.
• Klicka på Rapporter.
• Välj Beteende > Webbplatshastighet.

Du kan sedan välja mellan tre rapporter: Rapport om sidtider, rapport om hastighetsförslag och rapport om användartider. Öppna rapporten Sidtider.

Rapporten Page Timings ger dig en detaljerad uppdelning av varje sidas prestanda när det gäller hastighet. Den innehåller också data om saker som sidvisningar och avvisningsfrekvens, nätverks- och servermätvärden, tidshinkar för olika mätvärden och nätverks- och servermätvärden.

Du kanske också tycker att rapporten User Timings är användbar, eftersom den ger en detaljerad analys av varje användares individuella interaktioner med din webbplats. Du kan t.ex. se när en användare interagerade med en knapp, video eller bild och hur lång tid det tog för varje element att svara.

Hur man ökar Page Speed Score

För att få fram PageSpeed-poängen för din webbplats hämtar Google din URL två gånger - en gång med en mobil enhet och en gång med en stationär dator. Därefter mäter de två parametrar: tid till "above-the-fold load" och tid till "full page load". Ovanför-fold load är något viktigare än full page load eftersom det är det första innehållet som dina användare ser. Full page load bör dock inte vara mycket långsammare än above-the-fold load.

Efter att ha testat din URL på två typer av enheter och efter att ha bedömt var och en av de två parametrarna gör Google en poängsättning av din sidhastighet. PageSpeed-poängen varierar från 0 till 100, där 100 är den optimala poängen. Det är dock få webbplatser som uppnår denna typ av poäng. Ett bra resultat är 85 eller högre, allt under 85 kräver en del arbete.

Men om du kan nå 100, varför inte göra det? Oavsett om din webbplats rankas som 50 eller som 90 finns det alltid något du kan göra för att förbättra betyget. För det första kan du kontrollera din rapport för att se vad du gör för fel. Google gör det enkelt för dig genom att identifiera förbättringsområden med antingen ett gult utropstecken eller ett rött. Om det är gult bör du överväga att åtgärda problemet. Om det är rött kan du förbättra din poäng avsevärt om du åtgärdar problemet. Följ sedan råden i avsnitt ett, "Hur man förbättrar sidans laddningshastighet".

Hur man optimerar bilder för sidhastighet

Bilder står ofta för den största dataanvändningen på en given sida. Därför är det vettigt att optimera dem för att minska antalet nedladdningsbara bytes och öka sidhastigheten.

Att optimera bilder är inte så enkelt som att minska deras storlek i Photoshop. Först måste du noggrant analysera flera faktorer, inklusive vilken typ av data du planerar att koda, kvalitetsinställningar, bildformatfunktioner, upplösning, om dina bilder bäst serveras i ett vektorformat och så mycket mer. Du måste också överväga på vilken typ av enhet användarna kommer att visa bilden. Det är bäst att bara anta att användarna kommer att använda både mobila och stationära enheter.

När du har gjort dina läxor är det dags att börja komprimera. Eftersom processen är lång bör du gå direkt till källan. På Googles sida PageSpeed Insights finns steg-för-steg-instruktioner för optimering av GIF, PNG och JPEG - filtypersom står för 96 % av all bildtrafik på internet. Du kan ladda ner de optimerade bilderna direkt från PageSpeed Insights eller använda verktyg från tredje part, t.ex. ImageMagick. Google varnar för att om du använder ett tredjepartsverktyg kan omvandlingen göra dina bilder större.

Så här testar du sidans laddningshastighet

Det finns dussintals gratisverktyg där ute som låter dig ange en sidas URL och köra ett hastighetstest. Även om många av dessa hastighetstester är effektiva, finns det en mycket god chans att du kör dem fel. Även om du kanske inte tror att det är en stor sak att köra ett felaktigt hastighetstest, är verkligheten att det är en stor sak. Om du inte kör ett hastighetstest korrekt kan du inte mäta förbättringar exakt, eller ännu värre, du kan försöka förbättra områden som egentligen fungerar ganska bra. Så hur gör man ett korrekt hastighetstest? Använd den här tvåstegsprocessen:

• Innan du kör ditt test

Kontrollera om ditt innehållsleveransnätverk och din cachelagring redan är konfigurerade och igång på din webbplats. Om du inte har det, kontakta din hostingleverantör eller webbutvecklare för att se om du kan konfigurera dessa saker.

• Kör hastighetstestet på rätt sätt

Genom att köra ett test från en plats som ligger nära ditt datacenter och från en plats som ligger långt bort. Detta hjälper dig att avgöra hur stor inverkan ditt innehållsleveransnätverk har på sidans prestanda. Om du inte kan ta dig till en avlägsen plats kan du tillfälligt inaktivera ditt CDN och testa webbplatsen igen från samma plats.

Kör testet flera gånger, eftersom ett test kanske inte ger dig en korrekt bild. En felaktig avläsning kan uppstå när din webbläsare eller host ännu inte har cachat ditt innehåll, vilket gör att din webbplats verkar långsammare än den faktiskt är.

Hur viktig är sidhastigheten för SEO?

När Google släppte SiteSpeed-uppdateringen 2018 hävdade man att endast de långsammaste av de långsamma webbplatserna skulle påverkas. Men när man tar hänsyn till faktorer som genomsökning, avvisningsfrekvens, konverteringsfrekvens och övergripande användarengagemang, är verkligheten att webbplatsens hastighet spelar en viktig roll för SEO för alla webbplatser, inte bara de långsamma.

Låt oss först prata om det tekniska. Google har en genomsökningsbudget som de använder för att testa webbplatser och rangordna dem. Om din webbplats är långsam kan Googlebotarna inte ta sig igenom den särskilt snabbt, vilket gör att Google tvekar att skicka tillbaka dem. Istället omdirigerar sökmotorn sin budget till att genomsöka webbplatser med snabbare sidladdningshastigheter så att den kan få mer gjort.

Avvisningsfrekvens, konverteringsfrekvens och användarupplevelse har alla en betydande inverkan på SEO också, och sidhastigheten påverkar var och en av dessa faktorer. Som nämnts ovan klickar mer än en fjärdedel av användarna bort en webbplats som inte laddas på tre sekunder eller mindre. När en användare klickar sig bort från din webbplats efter bara tre sekunder bådar det inte gott för din avvisningsfrekvens, som spelar en nyckelroll i din ranking.

Konverteringar påverkar också din ranking. Om besökare på din webbplats slutför försäljningscykeln noterar Google detta och överväger att flytta upp dig ett steg i SERP. Detta gäller oavsett om din säljcykel slutar med ett köp, en kontakt eller en prenumeration på ett nyhetsbrev.

Om besökarna inte slutför säljcykeln innebär det å andra sidan att de vänder sig till en konkurrent för att hitta de produkter, tjänster eller den information de behöver. Varje gång en konkurrent vinner affärer som borde ha varit dina, flyttar de upp i SERP och slår tillbaka dig en plats.

I slutändan är Googles mål att garantera alla användare en bra surfupplevelse. Sökmotorn kan inte uppnå det målet om sidorna är långsamma att ladda och användarna blir frustrerade. Vad gör Google när en användare blir frustrerad? De straffar den webbplats som orsakade frustrationen genom att sänka dess ranking. Hur vet Google när en användare är frustrerad? Avvisningsfrekvens och konverteringsfrekvens är mycket talande.

Så, påverkar sidhastigheten SEO? Ja, absolut. Men även om du verkligen bör tänka på att förbättra din placering i SERP bör du, precis som Google, i slutändan tänka på att förbättra användarupplevelsen. Hur dina besökare interagerar med din webbplats och hur länge är de viktigaste faktorerna som sökmotorjätten tar hänsyn till när den rankar en webbplats. Om användarna är nöjda är Google det också. Med detta sagt, om din webbplats är långsam är det dags att börja arbeta för att snabba upp saker och ting. Se avsnitt ett för att komma igång.

Relaterade artiklar

• SEO för bilder

• Vad är metataggar?

• Vikten av att använda en Search Rank Checker