Det här lär du dig
En extra sekunds laddningstid kan minska konverteringsgraden med nästan 40 procent.
53 procent av mobila användare lämnar en sida som tar längre än tre sekunder att ladda.
De vanligaste bovarna är okomprimerade bilder, uppsvällda CMS och skript som blockerar rendering.
Hastighet och hållbarhet hänger ihop – en snabb webbplats är också en mer energieffektiv webbplats.
En potentiell kund googlar efter det du erbjuder. De klickar på din länk. Sidan börjar ladda. En sekund går. Två sekunder. Tre. De stänger fliken och klickar vidare till din konkurrent.
Det syns aldrig i din inkorg. Det kommer inget meddelande. Ingen säger att de lämnade. Det kallas tysta förluster – och de sker hela tiden på webbplatser som laddar för långsamt.
Vad en sekund faktiskt kostar
Hastighet på webben handlar inte om teknik för teknikens skull. Det handlar om vad som händer med dina besökare i realtid.
Forskning visar att konverteringsgraden för en webbplats som laddar på en sekund ligger runt tre procent, medan samma sida vid två sekunders laddningstid sjunker till under två procent. Det är en minskning på nästan fyrtio procent – orsakad enbart av en extra sekund.
Studier visar att 53 procent av mobila användare lämnar en webbplats om den tar längre än tre sekunder att ladda. Det är mer än varannan besökare som aldrig ens ser ditt erbjudande.
Lägg till att Google använder laddningstid som en direkt rankingfaktor. En långsam webbplats rankar sämre i sökresultaten, vilket ger färre besökare, vilket ger färre konverteringar. Det är en kedjereaktion som börjar i tekniken men slutar i affärsresultatet.
Räkna på din förlust
Ta ett konkret exempel. Om din webbplats har 2 000 besökare per månad och en konverteringsgrad på tre procent får du 60 leads. Med två sekunders extra laddningstid kan konverteringsgraden sjunka med upp mot fjorton procent. Det innebär att du förlorar ungefär åtta leads varje månad.
Om varje lead är värd 5 000 kronor handlar det om 40 000 kronor i månaden i uteblivna affärer. Per år: nära en halv miljon.
Det är ett konservativt exempel. Det tar inte hänsyn till tappet i organisk trafik som uppstår när Google nedgraderar en långsam sida.
Vet du hur snabb din webbplats egentligen är?
Vi analyserar din webbplats hastighet, CO₂-avtryck och tillgänglighet och ger dig en tydlig rapport med konkreta åtgärder.
De vanligaste orsakerna till att en sida är för långsam
En webbplats kan vara långsam av många skäl. De flesta hänger ihop med beslut som fattades när sidan byggdes eller under löpande underhåll.
Okomprimerade bilder i fel format
Bilder är ofta den enskilt största boven. En bild uppladdad direkt från en kamera eller ett designverktyg kan vara fyra till tio megabyte stor. I webbläsaren ser den ut precis likadan som en optimerad version på 150 kilobyte.
Moderna bildformat som WebP och AVIF är betydligt effektivare än klassiska JPEG och PNG, men många webbplatser använder fortfarande äldre format av ren vana. Bilder utan angivna mått orsakar dessutom det som kallas layout shifts – det vill säga att sidans innehåll hoppar runt medan det laddar. Det är irriterande för besökaren och straffas av Google.
Uppsvällt innehållshanteringssystem med för många tillägg
WordPress med tjugo, trettio eller fyrtio aktiva tillägg är vanligare än man tror. Varje tillägg laddar kod, stilmallar och ibland externa resurser, oavsett om de används på den aktuella sidan eller inte.
Sidbyggare som Elementor, Divi och liknande lösningar laddar stora mängder CSS och JavaScript globalt, även på sidor som inte innehåller ett enda element från dem. Oanvänd kod kan utgöra åttio till nittio procent av allt som laddas ner av en besökare.
Skript som blockerar sidans laddning
JavaScript och CSS-filer som läses in innan sidan visas kan stoppa upp hela renderingen. Om ett sådant skript är långsamt drabbar det hela sidan.
Tredjepartsskript som analyspixlar, chatwidgetar och samtyckesbanners är vardera små, men tillsammans kan de lägga märkbar fördröjning till varje sidvisning. Varje extern resurs kräver sin egen uppkoppling och sin egen laddningstid.
Hosting som inte matchar behovet
Webbhotell på delad server med hundratals andra sajter är billigt, men prestandan betalas med laddningstid. Servrar utan caching, servrar placerade i USA för en svensk målgrupp, eller avsaknad av ett leveransnätverk (CDN) är alla faktorer som syns direkt i hur snabbt en sida svarar.
Tid till första byte – det vill säga hur lång tid det tar från att en besökare begär sidan tills servern börjar svara – påverkas direkt av hostingmiljön. En trög server kan inte kompenseras med optimerade bilder.
Hur du mäter din sidas hastighet
Det finns tre verktyg som räcker för en bra bild av läget.
Google PageSpeed Insights är gratis och ger ett betyg baserat på de mätvärden Google faktiskt använder vid rankning. Det mäter bland annat LCP (hur snabbt huvudinnehållet syns), INP (hur snabbt sidan svarar på interaktion) och CLS (om innehållet hoppar runt). Testa alltid mobilversionen, inte bara desktop.
GTmetrix visar ett vattenfallsdiagram som illustrerar i vilken ordning resurser laddas och var flaskhalsarna uppstår. Bra för att förstå vad som faktiskt bromsar.
WebPageTest är ett djupare verktyg som låter dig simulera specifika uppkopplingstyper och testa från olika geografiska platser. Relevant om din målgrupp befinner sig i Sverige men din server gör det inte.
En viktig sak: testa med en mobilprofil och en realistisk uppkopplingshastighet. Många webbplatser ser snabba ut vid test från ett snabbt bredband, men laddar långsamt för den faktiska besökaren på mobilen.
Hastighet och hållbarhet hänger ihop
Det finns ett samband mellan en snabb webbplats och en hållbar webbplats som sällan lyfts fram.
En sida som laddar snabbt skickar mindre data. Mindre data innebär lägre energiförbrukning, både på servern och på besökarens enhet. En väloptimerad webbplats kan ha ett koldioxidavtryck per sidvisning som är en tiondel av branschsnittet.
Det innebär att prestanda och miljöhänsyn pekar i samma riktning. En snabb, lean webbplats är i grunden en hållbar webbplats. Det är inte en avvägning utan en naturlig konsekvens av att bygga rätt från början.
Rätt diagnos före rätt åtgärd
Bildoptimering ger ofta snabba och tydliga förbättringar. Att rensa bort onödiga tillägg kan göra stor skillnad. Byte av hostingleverantör är effektivt men kräver att man väljer rätt för sin specifika situation.
Men varje webbplats är unik. Det som bromsar en WordPress-sajt med trettio tillägg är inte samma problem som på en statisk webbplats med otympliga skript. Att åtgärda fel sak ger ingen förbättring.
Det första steget är alltid en korrekt diagnos. Förstå exakt vad som bromsar just din sida innan du fattar beslut om åtgärder.
På Sustainable WWW Sweden AB arbetar vi med webbplatser som är byggda för att prestera, hålla över tid och belasta så lite som möjligt. Om du är nyfiken på hur din webbplats faktiskt mår och vad det kostar dig i praktiken är du välkommen att höra av dig för en inledande genomgång.
Michael Andersen
Medgrundare & Webbutvecklare
Michael bygger hållbara webbplatser och skriver om skärningspunkten mellan webbutveckling och miljöpåverkan.
