BLOGG OM DIGITAL
MARKNADSFÖRING

Optimera din hemsida inför Black Friday  

av | nov 19, 2019

Nu är det bara en vecka kvar till Black Week sätter igång. Om du har följt vår bloggserie har du läst våra tips på hur du lyckas med din Google Ads-annonsering samt hur du på bästa sätt sätter upp CTA-knappar för att öka konverteringen. Men vad händer om de besökare som kommer in på din sida upptäcker att inget fungerar från den enhet de besöker dig eller ännu värre: att sidan laddas för långsamt eller i värsta fall inte alls?

I detta inlägg kommer vi gå igenom vad du kan göra för att förbättra din laddningshastighet och se till så allt fungerar för alla enheter.   

 

Har du koll på om din sida fungerar optimalt?  

Säg att du lyckas bra med att leda besökare till din hemsida men får en hög avvisningsfrekvens på grund av att hemsidan inte laddar fort nog eller inte funkar på alla enheter

Hur gör man för att få en bra responsiv sida och vad gör man för att snabba upp laddningshastigheten? Vill du få svar på dessa frågor och mycket mer ska du fortsätta läsa.  

I vårt första inlägg i denna serie om svenskarna och internet fick vi lära oss att 87% använder mobilen dagligen för att använda internet, tillskillnad från 67% som använder datorn. När man gör en hemsida responsiv ser man till så att layouten förändras beroende på vilken skärmstorlek och skärmupplösning som besökaren har, samt vilka funktioner som webbläsaren stödjer. Beroende på vilken enhet som används kan vissa element på hemsidan döljas, visas, krympas, förstoras eller flyttas för att innehållet ska anpassas efter enheten. Det innebär att besökare kan se samma webbplats från exempelvis en mobiltelefon, en surfplatta eller en dator fast med anpassad layout. Vad ska man då titta efter för att veta om man har en bra responsiv design?

Texter

  • Går texten att läsa på respektive enhet?
  • Är den för liten eller för stor?
  • Går texten utanför skärmen?
  • Bryts texten av?
  • Fungerar typsnitten i alla enheter och webbläsare?

Layout

  • Fungerar layouten för alla enheter och webbläsare?
  • Fungerar alla knappar och fält?
  • Går det att göra de klick som du vill att besökaren ska göra?
  • Fungerar navigeringselementen korrekt? Går de utanför skärmen?
  • Använder du dold navigering med hjälp av hamburgermeny på mindre enheter?
  • Visas det viktigaste elementen först i mindre enheter?

Bilder

  • Skalas bilder som de ska?
  • Prioriterar du innehållet, kan vissa bilder döljas?
  • Syns dina bilder korrekt i alla enheter och webbläsare?

 

I takt med att vår internetuppkoppling har blivit snabbare har vårt tålamod krympt gällande hur länge vi orkar vänta på att en sida ska ladda. I dagsläget är det inte många som väntar på att en sida ska laddas i flera sekunder, laddar inte sidan snabbt nog klickas den bort – och hemsidan har gått miste om en potentiell konvertering

Så vad kan du göra för att detta inte ska hända på din sida? 
Börja med att göra ett hastighetstest https://developers.google.com/speed/pagespeed/insights/ om din sida laddar med en hastighet kring en sekund har du en bra optimerad sida. Om sidan laddar långsammare bör du se över dessa punkter för att snabba upp din hemsida. 

  • Optimera bilder – högupplösta bilder som väger mycket (bilder över 1MB) tar stor plats vilket påverkar hastigheten. Ett snabbt och enkelt sätt för att få din sida att ladda snabbare är att göra dina bilder mindre utan att kompromissa med bildkvalitén.

 

  • Minimera JavaScript och CSS. Genom att ta bort onödiga radbrytningar, mellanslag och så vidare, kommer du att förminska filens storlek utan att påverka dess funktionalitet. Detta gör att webbläsaren snabbare läser in din hemsida.

 

  • Aktivera cache – När du aktiverar webbläsarcache på din hemsida och du besöker sidan för första gången lagras och hämtas alla bilder och innehåll ner till din dator. Nästa gång du besöker samma hemsida finns hemsidan redan sparad på din dator i cache-minnet och därmed hämtas innehållet från din dator istället för att hämta data direkt från internet. Detta innebär att webbläsaren sparar många förfrågningar till din server och förbättrar belastningshastigheten för din hemsida.

 

  • Komprimera ditt innehåll – Genom att komprimera ditt innehåll kan du förbättra webbplatsens prestanda betydligt. Populära webbservrar som Apache och IIS använder GZIP-komprimering för att göra detta automatiskt på HTML, CSS och JavaScript.

 

  • Använd lazy load – När du använder Lazy loading skjuter du upp laddningen av en viss resurs på din hemsida tills dess att den verkligen behövs. Om din sida till exempel har innehåll som besökaren behöver scrolla ned till för att se så laddas innehållet först när besökaren har scrollat till den vyn.

 

Att optimera hastigheten på din hemsida kanske inte låter som det lättaste och det finns fler olika tillvägagångsätt beroende på din hemsidas uppbyggnad och vilken server du använder.

Känns det överväldigande och svårt? Vi finns här för dig, kontakta oss om du har frågor kring hur du rent praktisk ska gå tillväga för att implementera detta på din hemsida eller om du har frågor kring responsiv design.

I nästa inlägg kommer vi sammanfatta det viktigaste inför Black Friday, missa inte det!

Begär offert - vi kontaktar dig

15 + 15 =

Kontakta oss - begär offert

Kontakta oss - begär offert

Vi tar gärna kontakt med dig för att lämna offert på våra tjänster: Hemsidor, E-handel, SEO, Google Ads.

Vi kontaktar dig inom kort!

Jag accepterar att denna webbplats använder sig av cookies enligt vår integritetpoilicy för att förbättra min användarupplevelse. mer information

Dina cookie-inställningar för denna webbplats är satt till ”tillåt cookies” för att ge dig den bästa upplevelsen. Om du fortsätter använda webbplatsen utan att ändra dina inställningar för cookies eller om du klickar ”Godkänn” nedan så samtycker du till detta.

Stäng