Snabba upp din webbplats: optimera laddningstider, minska filstorlekar och förbättra användarupplevelse. Öka SEO och konverteringar.
Thomas Haurum
Finns det något mer frustrerande än att som användare hamna på en smärtsamt långsam webbplats? Troligen inte.
Vårt tålamod är begränsat när vi söker information eller produkter online. Laddar inte webbplatsen tillräckligt snabbt går vi vidare till nästa alternativ.
Långsam hastighet leder bara till problem. Det skapar en dålig upplevelse för användaren, och därmed även för dig som webbplatsägare. Du riskerar att förlora potentiella beställningar och Google ser också när besökare snabbt lämnar din sida.
Hur undviker man detta? Genom att prioritera hastighetsoptimering.
Att optimera hastigheten är en komplex process som kräver både teoretisk kunskap och teknisk expertis. Men varför är just detta så aktuellt nu?
När Google ändrar sin algoritm för bättre resultat har sidehastighet blivit en ännu viktigare faktor. Google har nyligen bekräftat att hur snabbt din webbplats laddar är en direkt rankningsfaktor. Kan du bli straffad för att glömma hastigheten? Allt tyder på ja.
Förutom att följa Googles algoritm är hastigheten direkt avgörande för att behålla dina besökare. Studier visar att du vinner eller förlorar dem redan inom den första sekunden. Konsekvenserna av mer än en sekunds väntetid är:
Det är enkelt: laddningstiden påverkar hela besökarens upplevelse, din konverteringsgrad och i slutändan resultatet på sista raden.
Det finns alltså inga ursäkter. Ta tag i din webbplats hastighet – det är ett måste för digital framgång.
I detta inlägg samlar jag de enklaste åtgärderna för en snabbare sida.
Börja med att ta reda på hur din webbplats faktiskt presterar. Det finns många verktyg för att analysera din sida och visa vad du ska fokusera på. Personligen föredrar jag GTmetrix. Det är gratis, komplett och användarvänligt. Gränssnittet är intuitivt och ger ett betyg mellan 1–100. Du får även separata betyg inom olika parametrar, så det är lätt att hitta exakt vad som är problemet.
Hur du optimerar beror på vilken plattform du använder – och din tekniska kunskap. De flesta öppna CMS har många möjligheter att optimera via tillägg utan att behöva en utvecklare.
Har du en typisk webbplats finns det flera klassiska optimeringar att börja med. Här är de:
Tillägg kan förbättra design och funktion. Men ju fler tillägg, desto fler filer att ladda – det saktar ner sidan. Tunga tillägg får webbläsaren att hoppa mellan olika filer, vilket bromsar hela laddningen. Dessutom varierar kvaliteten på tillägg – vissa är bra kodade och komprimerade, andra är inte. Dåliga tillägg är dessutom en säkerhetsrisk och kan snabbt förstöra din webbplats.
Så välj noggrant. Installera bara det din verksamhet verkligen behöver och hoppa över all onödig “pynt”.
Det är alltid viktigt att komprimera bilder. Två saker att tänka på: rätt storlek (längd/bredd) och komprimering (KB/MB). Båda är viktiga – samtidigt.
Beskärning
Var ska bilden användas? Stora sliders kräver stora bilder men med rätt mått. Om du inte hittar måttet, gör så här:
Där ser du bildens faktiska mått och hur stor den är just nu.
Nu vet du vilka mått du ska beskära bilden till.
Komprimering
Många vill spara bildkvaliteten – med rätt. Men det går att komprimera digitalt utan synbar förlust! Du kan använda lossy eller lossless-komprimering. Filen blir mindre, antalet färger minskar och laddningen blir snabbare. Skillnaden syns knappt men laddningstiden minskar mycket.
Om du använder WordPress: installera Smush Image Compression and Optimization, det komprimerar bilder automatiskt. Annars kan du använda TinyPNG.com före uppladdning.
Varje gång en fil används skickar webbläsaren en förfrågan till servern. Det ger fördröjning och påverkar hastigheten.
Exempelscenario
Du har haft din webbshop i över fem år och samlat på dig massor av smarta verktyg: MailChimp, SleekNote, Pixels, Analytics, Hotjar, CrazyEgg, Facebook Messenger-tillägg, LinkedIn Conversion Tracking. Dessutom olika typsnitt för brödtext, rubriker och kursiv för omdömen. Och 17 olika JavaScript för olika effekter – designen är ju viktig!
Det finns skäl till allt detta, men det är hastigheten som får lida.
Se över och prioritera dina förfrågningar
Behöver du verkligen alla typsnitt? Använder du LinkedIn Conversion Tracker? Ta bort allt som inte används regelbundet eller ger tydlig effekt.
Kombinera dina CSS- och JavaScript-filer
Istället för att länka till fem olika JavaScript – slå ihop dem i en fil. Be din utvecklare om hjälp eller använd ett tillägg. På WordPress: prova Autoptimize.
Kanske har du hört talas om cache, men inte förstått vad det är? Kort sagt: cache är utrymme som lagrar data från sidor du redan besökt. Första gången du besöker t.ex. wemarket.dk/se laddas alla filer från servern. Nästa gång ligger de lagrat och laddar snabbare.
Om du inte aktiverat caching – ingen fara. De flesta CMS har bra tillägg för det.
Få känner till att PHP-versionen påverkar laddningstiden rejält. Byt version hos ditt webbhotell (t.ex. Unoeuro, One.com, SurfTown).
Det finns versioner från PHP 5.0 till 7.4.
Vi rekommenderar alltid senaste version. Kolla först så inget på sajten påverkas negativt.
Be utvecklaren hjälpa dig att uppgradera PHP och använda snabba vinster från bloggen. Både du och dina besökare kommer märka skillnad.
Andra relevanta artiklar:
Google lanserar bättre möjligheter för A/B-testning
Varför har Google valt att byta över till Mobile First-index?
WeMarket har lång erfarenhet av webbutveckling – läs mer här.
På WeMarket erbjuder vi företag en benchmark-rapport som jämför deras marknadsföringsinsatser med deras viktigaste konkurrenter. Du bestämmer vilka konkurrenter vi ska jämföra med.
Vi är specialiserade på att sälja fysiska varor online och att få webbutiker att växa – och nu kan du dra nytta av denna expertis, även om du inte redan är kund.
Det är helt gratis.
