Varför är sidhastigheten kritisk? Hur man testar och förbättrar din

Varför är sidhastighet kritisk?

De flesta webbplatser tappar ungefär hälften av sina besökare på grund av långsam sidhastighet. I själva verket den genomsnittliga skrivbordswebbsidan avvisningsfrekvens är 42%, den genomsnittliga avvisningsfrekvensen för mobilwebbsidor är 58% och den genomsnittliga avvisningsfrekvensen för målsidan efter klick varierar från 60 till 90%. Inte smickrande nummer på något sätt, särskilt med tanke på mobilanvändning fortsätter att växa och det blir svårare för varje dag att locka och behålla konsumenternas uppmärksamhet.

Enligt Google är den genomsnittliga sidladdningstiden för de bästa målsidornaär fortfarande en trög 12.8 sekunder. Detta inkluderar platser där mobil internetanslutning är utbredd och 4G-hastigheter är några av de högsta över hela världen. 

Den genomsnittliga sidhastigheten är alldeles för lång, med tanke på att 53% av användarna överger sidor efter bara 3 sekunder - och det blir bara värre därifrån:

Sidhastighet och avvisningsfrekvens

Vad är då en bra sidhastighetshastighet? Nästan omedelbart

Lyckligtvis finns det en lösning. Innan vi kommer till det, låt oss avslöja mer om vikten av sidhastighet.

Varför sidhastighetsfrågor

eMarketer visar det under 2019 globala digitala annonsutgifter kommer att överstiga 316 dollar miljard och ser bara ut att öka under överskådlig framtid:

Digitala annonsutgifter från 2017 till 2022

Det är uppenbart att varumärken spenderar stora mängder på annonser och förväntar sig att få ut det mesta av sin budget. Men när människor klickar på en annons - och målsida efter klick misslyckas med att ladda omedelbart - de klickar sannolikt tillbaka inom några sekunder och följaktligen går annonsörernas budget till spillo.

Kostnadseffekterna av sidhastigheten är enorma och du bör absolut göra sidhastighet till en prioritet framåt. Här är några mätvärden och punkter att tänka på när du utvärderar dina egna digitala reklamkampanjer:

Kvalitetsresultat

Inte bara gör långsamma sidladdningar frustrerande användare, det gör också att kvalitetsresultat lider. Eftersom kvalitetsresultat är direkt relaterat till din annonsrankning, och i slutändan vad du kan betala för varje klick, minskar en sida med långsam laddning naturligtvis poäng.

Omvandlingsfrekvenser

Om färre personer stannar kvar och väntar på att din sida ska laddas får färre människor chansen att konvertera. De överger din sida innan de ens ser ditt erbjudande, fördelar, uppmaning till handling etc.

I detaljhandeln, till exempel, även en en sekund fördröjning i mobil belastningstider kan påverka omvandlingsfrekvensen med upp till 20%.

Mobilupplevelse

Halvvägs genom 2016, mobil webbanvändning passerade stationär trafik i volym:

Mobile överträffar skrivbordsvyer

Med konsumenternas utgifter mer tid på mobilenmarknadsförare och annonsörer tvingades (och är fortfarande) att anpassa sig. Ett sätt att leverera mobiloptimerade kampanjer är att skapa sidor som laddas snabbt.

Vilket tar oss till hastighetslösningen nr 1 som behandlar var och en av dessa problem.

AMP-målsidor ökar sidhastigheten

AMP, den ram med öppen källkod introducerades 2016, ger ett sätt för annonsörer att skapa blixtsnabba, smidigt laddade mobila webbsidor som prioriterar användarupplevelsen framför allt. 

AMP-sidor är attraktiva för annonsörer eftersom de levererar nästan omedelbara laddningstider, samtidigt som de stöder viss styling och varumärkesanpassning. De möjliggör snabbare rendering av målsidan efter klick, eftersom de begränsar HTML / CSS och JavaScript. Till skillnad från traditionella mobilsidor cachas AMP-sidor automatiskt av Google AMP-cache för snabbare laddningstider på Google-sökning.

Som ledande inom optimering efter klick erbjuder Instapage möjligheten att skapa målsidor efter klick med hjälp av AMP-ramverket:

Accelerated Mobile Pages (AMP)

Med Instapage AMP-byggare, marknadsförare och annonsörer kan:

  • Skapa AMP-målsidor efter klick direkt från Instapage-plattformen utan en utvecklare
  • Validera, A / B-test och publicera AMP-sidor till WordPress eller en anpassad domän
  • Leverera bättre mobilupplevelser, öka kvalitetsresultaten och få fler konverteringar

AMP Accelerated Mobile Page Validation

Accelererad mobilsida (AMP) validering

Det revolutionerande hörapparatföretaget Eargo har sett otroliga resultat sedan AMP infördes i sin upplevelse efter klick:

AMP-målsidor från Instapage

AMP-målsidor med Instapage

Förutom att bygga AMP-sidor med Instapage finns det flera andra sätt att förbättra sidhastigheten. Här är tre av dem för att komma igång.

3 Andra sätt att förbättra sidhastigheten

1. Utnyttja sidhastighetsverktyg

PageSpeed ​​Insights är Googles hastighetstest som får din sida från 0 till 100 poäng:

sidohastighetsinsikter

Poängsättning baseras på två parametrar:

  1. Tid till belastning över mitten (den totala tiden för en sida att visa innehåll ovanför mitten efter att en användare begär en ny sida)
  2. Tid till helsidesläsning (den tid det tar för en webbläsare att återge en sida helt efter att en användare begär det)

Ju högre poäng, desto mer optimerad är din sida. Som en tumregel indikerar allt över 85 att din sida fungerar bra. Lägre än 85 och du bör titta på förslagen från Google för att höja din poäng.

PageSpeed ​​Insights tillhandahåller rapporter för både stationära och mobila versioner av din sida och erbjuder också rekommendationer för förbättringar.

Tänk med Google: Testa min webbplats, som lanserades av PageSpeed ​​Insights-teamet, testar endast mobila sidhastigheter, i motsats till både mobil och stationär. Det är en annan indikator på hur snabbt (eller långsamt) dina sidor laddas:

tänk med google testa min webbplats

Det här verktyget visar din laddningstid, ger anpassade rekommendationer för att påskynda varje sida på din webbplats och erbjuder sedan möjligheten att generera en fullständig rapport.

2. Fullt optimerade bilder (kompression)

Optimering av bilder med komprimering, ändring av storlek, omformatering etc. kan hjälpa till att spara byte, påskynda sidens laddningstid och förbättra mobilwebbplatsens prestanda. Bland andra topprekommendationer, Säger Google att ta bort onödiga högupplösta bilder och GIF och ersätta bilder med text eller CSS när det är möjligt. 

Dessutom är det nu enklare än någonsin att servera komprimerade och storleksändrade bilder eftersom dessa inställningar kan automatiseras. Du kan till exempel få hundratals bilder att ändra storlek och komprimeras automatiskt med ett skript, vilket minskar manuellt arbete (när du bygger AMP-sidor gör anpassade bildtaggar många av samma optimeringar automatiska).

Att välja ett optimalt bildformat kan vara svårt med så många tillgängliga alternativ. Allt beror på användningsfallet, men här är några av de vanligaste:

  • WebP: Fotografiska och genomskinliga bilder
  • JPEG: Foton utan transparens
  • PNG: Genomskinliga bakgrunder
  • SVG: Skalbara ikoner och former

Google rekommenderar att du börjar med WebP eftersom det tillåter 30% mer komprimering än JPEG, utan att bildkvaliteten förloras.

3. Prioritera innehållet ovanför mitten

Att förbättra användarens uppfattning om webbplatshastighet är nästan lika viktigt som att förbättra webbplatshastigheten i sig. Det är därför när dina bilder är optimerade måste du se till att de levereras i exakt rätt ögonblick.

Tänk på detta: På en mobil enhet är den synliga delen av webbplatsen begränsad till ett litet område, ovanför vikten. Som ett resultat har du möjlighet att snabbt ladda innehållet i det området, medan de andra elementen nedanför nedladdningen laddas ner i bakgrunden.

Obs! Det som hjälper till att göra AMP unik är att den har inbyggd prioriterad resursladdning så att endast de viktigaste resurserna laddas ner först.

Det kan vara en utmaning att minska antalet bilder på en webbplats - speciellt för detaljhandelsmärken, till exempel med många produkter - men det är fortfarande viktigt att åtminstone minimera effekterna av bilder på laddningstiden med dessa tre taktik. 

Öka din sidhastighet med AMP

Om dina mobila sidor lider av hög avvisningsfrekvens och låga omvandlingsfrekvenser på grund av långsam sidhämtningshastighet kan AMP-sidor vara din räddande nåd.

Börja skapa AMP-sidor efter klick för att leverera snabba, optimerade och relevanta mobilupplevelser för dina besökare och förbättra dina kvalitetsresultat och omvandlingar under processen.

Vad tror du?

Den här sidan använder Akismet för att minska spam. Läs om hur din kommentardata behandlas.