Sidehastighed er en konverteringsfaktor, som de fleste webshops overser. Det er hverken et designproblem, et marketingproblem eller et produktproblem. Det er et infrastrukturproblem. Men effekten er lige så tydelig som ved andre konverteringsproblemer. Hver forsinkelse på et halvt sekund i indlæsningen sænker konverteringsraten målbart, især på mobilen, hvor folk i forvejen er utålmodige og ofte har en langsommere forbindelse.
Hvordan påvirker sidehastighed konverteringen i en webshop?
Sammenhængen mellem sidehastighed og konvertering er veldokumenteret i undersøgelser fra Google, store netbutikker og flere uafhængige studier. Ét sekunds forsinkelse i indlæsningen giver syv procent færre konverteringer. Fem sekunders forsinkelse kan sænke konverteringen med 40 procent eller mere. På mobil falder konverteringsraten endnu hårdere, fordi besøgende der har en langsommere forbindelse og mindre tålmodighed.
Effekten lægger sig oven på hele din webshop. Hver side, der indlæser langsomt, er en chance for, at en besøgende bliver irriteret og går. Din forside, dine produktsider, din kassekurv. En besøgende, der venter syv sekunder på en produktside, er allerede træt, før vedkommende har set produktbilledet. Mange lukker fanen og søger efter det samme produkt et andet sted.
Sidehastighed påvirker også placeringen i søgemaskinerne. Google bruger sidehastighed som rangeringsfaktor, både på computer og mobil. En langsommere webshop rangerer under hurtigere konkurrenter på det samme søgeord, og så får du færre besøg til at begynde med. Tabet fra langsomme sider rammer både direkte besøg og trafik fra almindelig søgning.
Hvorfor bliver webshops langsomme?
De fleste langsomme webshops er ikke langsomme med vilje. De bliver det med tiden, efterhånden som der kommer flere billeder og flere plugins, eller fordi serveren ikke er optimeret. Når du kender årsagerne, er det lettere at vælge, hvad du skal rette først. Du kan læse mere om, hvordan hvert element i din webshop påvirker besøgendes oplevelse, i hvordan du designer en kassekurv, der mindsker frafald og hvordan du gør din webshop mobilvenlig. Der er fem hovedårsager.
For store billeder
Billeder er som regel de største filer på en produktside. Et produktfoto på tre megabyte i stedet for tre hundrede kilobyte lægger sekunder til indlæsningen. Mange webshops uploader billeder i fuld opløsning uden at gøre filerne mindre til nettet. Billedet ser fint ud, men det tager dobbelt så lang tid at indlæse som nødvendigt. Mobilbrugere mærker det mest, for deres forbindelser er langsommere og deres skærme mindre, så billeder i høj opløsning er spild.
Uoptimeret kode og scripts
Når en webshop får nye funktioner, anmeldelser, chatwidgets, analyseværktøjer og marketingpixels, indlæser hver af dem endnu et script. Scripts blokerer visningen af siden, mens de indlæses. En webshop med 15 scripts fra tredjepart kan bruge sekunder alene på at indlæse dem alle, før siden dukker op. Nogle scripts er nødvendige. Mange er ikke, eller de kan vente og indlæses, når siden allerede er synlig for den besøgende.
Langsom hosting eller levering af indhold
Nogle hostingudbydere er hurtigere end andre. En webshop på forældet infrastruktur, der ikke cacher statiske filer eller leverer indhold fra servere langt væk, svarer langsommere end en webshop på moderne infrastruktur, der er spredt geografisk. Besøgende i forskellige lande oplever forskellig hastighed, afhængigt af hvor serveren ligger i forhold til dem.
Uoptimerede serversvar
Den tid, din server bruger på at svare på en sideforespørgsel, afhænger af, hvor effektivt den behandler forespørgsler og bygger siderne. Databaser uden ordentlige indekser, sider der kører tunge forespørgsler ved hver indlæsning, eller serverkode der ikke er optimeret til ydeevne, kan lægge et helt sekund eller mere til, før der overhovedet begynder at komme indhold frem. Det ses mindre end billedoptimering, men giver ofte store gevinster.
Ressourcer, der blokerer visningen
CSS- og JavaScript-filer, der blokerer visningen af siden, kan lægge sekunder til, før siden dukker op for den besøgende. Hvis din webshop indlæser CSS- eller JavaScript-filer, som skal behandles, før noget vises, ser den besøgende en blank skærm, til filerne er færdige. Hvis du ændrer, hvilke ressourcer der blokerer, og hvilke der kan indlæses i baggrunden, føles siden langt hurtigere, selv om den samlede indlæsningstid er den samme.
Hvordan måler du din webshops sidehastighed?
Du kan ikke forbedre det, du ikke måler. Start med at finde ud af, hvor hurtigt din webshop indlæser lige nu.
Google PageSpeed Insights
Googles værktøj PageSpeed Insights giver en hastighedsscore for en hvilken som helst adresse og lister de konkrete problemer, det finder. Værktøjet er gratis og kræver ingen opsætning. Gå til pagespeed.web.dev, skriv din adresse, og du får score for mobil og computer med konkrete forslag til forbedringer. Forslagene er sorteret efter den forventede effekt. Start med dem, der har størst effekt.
Et værktøj til detaljerede hastighedstest
Der findes gratis værktøjer, som viser mere detaljerede vandfaldsdiagrammer over, præcis hvilke ressourcer der tager længst tid at indlæse, og hvor forsinkelserne opstår. Du kan teste fra forskellige steder i verden og på forskellige typer enheder og netforbindelser. Det er nyttigt, når du vil forstå, om den langsomme hastighed gælder alle, eller kun bestemte områder eller mobil i forhold til computer.
Din analytics
Dit analyseværktøj bør vise indlæsningstiden på tværs af sider og trafikkilder. I WEMASY Analytics vises det som et tal for sidernes ydeevne. Sammenlign indlæsningstiden på dine vigtigste sider. Hvis dine produktsider indlæser markant langsommere end din forside, er det et konkret problem at undersøge. Hvis mobilsiderne er langsommere end siderne på computer, peger det på et problem med billeder eller visning. Du kan læse en hel guide til at forstå besøgendes adfærd med analytics i hvordan du bruger analytics til at forstå, hvordan besøgende opfører sig i din webshop.
Test på rigtige enheder
Stol ikke kun på værktøjer. Åbn din webshop på en rigtig smartphone med en almindelig 4G-forbindelse, og se, hvor lang tid siderne tager. Så ved du, hvordan din webshop føles for en rigtig kunde. Værktøjer måler bestemte tal, men oplevelsen betyder mere. En webshop, der føles hurtig, er hurtigere end en, der teknisk set får gode point, men frustrerer brugerne med forsinkelser, de kan mærke.
Hvad er de hurtigste gevinster for sidehastigheden?
Nogle forbedringer tager timer. Andre tager minutter og giver målbare resultater med det samme.
Optimer billeder
Billedoptimering er som regel den forbedring, der giver mest for mindst arbejde. Brug et værktøj til billedkomprimering, så filerne bliver mindre uden mærkbart tab af kvalitet. Et produktfoto på 3 MB kan ofte komprimeres til 300 KB uden synlig forskel. Komprimer alle billeder, før du uploader dem, ikke bagefter. Vælg det rigtige format: JPEG til fotos, PNG til billeder med gennemsigtighed og WebP til den kraftigste komprimering i moderne browsere. Send forskellige billedstørrelser til forskellige enheder. En mobiltelefon har ikke brug for et billede på 4000 x 4000 pixel. Du kan læse mere om gode produktbilleder, som også klarer sig godt teknisk, i hvordan du designer produktsider, der får folk til at købe.
Fjern ubrugte plugins og scripts
Gennemgå alle scripts fra tredjepart, der kører på din webshop. Analytics, chat, anmeldelser, marketingpixels, widgets. Slå dem fra, der ikke aktivt gavner din forretning. Hvert script gør siden tungere og langsommere. Hvis du ikke bruger det, så fjern det. Hvis du har brug for flere værktøjer, så overvej at samle dem. I stedet for fem forskellige tjenester til fem forskellige formål indlæser én platform med flere funktioner hurtigere end fem adskilte.
Slå caching til
Caching gemmer statiske filer i den besøgendes browser eller på mellemliggende servere, så de ikke skal hentes igen ved hvert besøg. Browsercaching sparer tilbagevendende besøgende for en del indlæsningstid. Caching på serveren gemmer færdige udgaver af dine sider, så serveren ikke skal bygge siden fra bunden ved hver forespørgsel. De fleste moderne hostingplatforme understøtter begge dele. Tjek din hostingudbyders vejledning, eller bed dem slå caching til, hvis det ikke allerede er gjort.
Gør CSS og JavaScript mindre
Minificering fjerner unødvendige tegn fra kodefiler uden at ændre, hvordan de virker. En korrekt minificeret CSS- eller JavaScript-fil er 20 til 30 procent mindre end originalen. Hvis du har adgang til din webshops kode, er minificering ligetil. Hvis ikke, så spørg din hostingudbyder eller udvikler, om minificering allerede er slået til. Det bør være slået til som standard på enhver moderne hostingplatform.
Udskyd JavaScript, der ikke er afgørende
JavaScript, som ikke skal bruges med det samme, når siden indlæses, kan vente. Chatwidgets, analytics, marketingpixels. De behøver ikke indlæses, før siden vises for den besøgende. Hvis du udskyder dem, til hovedsiden er synlig, føles siden markant hurtigere. Den føles hurtig, selv om den samlede indlæsningstid er den samme, fordi den besøgende straks ser indhold i stedet for at stirre på en blank skærm, mens scripts indlæses.
Hvor lang tid går der, før du ser resultater af hastighedsforbedringer?
Ændringer i sidehastighed giver resultater med det samme. En besøgende, der kommer ind i din webshop i morgen tidlig, oplever den hurtigere side. Forbedringen i konverteringen kan ses i løbet af få dage, hvis du har nok trafik til at måle den, fordi ændringen rammer alle besøgende på én gang.
I modsætning til A/B-test behøver du ikke køre en hastighedsforbedring som et forsøg. Hvis PageSpeed Insights finder et problem, og du løser det, er din webshop hurtigere. Der er ingen ulempe ved en hurtigere side. Alle besøgende har gavn af det med det samme.
Det eneste forbehold er, at hastighed kun er én af mange faktorer, der påvirker konverteringen. Hvis din webshop har en ødelagt kassekurv, en forvirrende produktside eller grundlæggende problemer med tillid, flytter hastighedsoptimering alene ikke meget på konverteringsraten. Hastighedsforbedringer virker bedst som en del af en bredere strategi for konverteringsoptimering. Du kan få et samlet overblik over alle de faktorer, der påvirker konverteringsraten, i hvad konverteringsoptimering er, og hvorfor det betyder noget.
Betyder sidehastighed noget forskelligt på mobil og computer?
Sidehastighed betyder mere på mobil end på computer. Mobilbesøgende har langsommere forbindelser, de har ofte travlt, og de går med det samme, hvis siden ikke indlæser hurtigt. Forskellen i effekt på konverteringen er stor. En webshop, der konverterer fem procent på computer, konverterer måske to procent på mobil, og hastighed er en stor del af forskellen.
Mobilbesøgende er også mere følsomme over for store billedfiler. Et produktbillede på tre megabyte, der tager tre sekunder at indlæse på en computer med god båndbredde, kan tage ti sekunder på en telefon med 4G. Test din webshop på en rigtig mobil for at få en realistisk fornemmelse af, hvordan den føles.
Et konkret mobilproblem, du skal holde øje med, er, at billeder, der er optimeret til computer, ofte er for store til mobilskærme. Hvis du sender responsive billeder, der skalerer til hver skærmstørrelse, i stedet for at tvinge et billede i computerstørrelse ned på en mobilskærm, bliver filerne mindre, og siden indlæser hurtigere.
Hvordan hænger sidehastighed sammen med andre konverteringsfaktorer?
Sidehastighed står ikke alene. Den virker sammen med tillid, design, produktsider og kassekurv. En hurtig side med et forvirrende layout mister stadig besøgende. En langsom side med et smukt design mister dem endnu hurtigere. Sammenhængen ganger op, den lægger ikke bare oveni.
En webshop, der er hurtig, skaber tillid og har en klar vej til køb, konverterer markant mere end en, der kun er hurtig. Hastighedsforbedringen sker i sammenhæng med alle de andre faktorer. Derfor er konverteringsoptimering en systematisk proces og ikke én enkelt løsning. Du kan se nærmere på, hvordan A/B-test hjælper dig med at finde ud af, hvad der holder din konverteringsrate nede, i hvordan du A/B-tester din webshop.
Sådan hjælper WEMASY med sidehastighed og konvertering
WEMASY's webshopsystem er bygget på optimeret hostinginfrastruktur med indbygget billedkomprimering, browsercaching og ydeevneoptimering. Produktsider indlæser hurtigt fra start, fordi platformen selv håndterer billedstørrelser, minificering og serversvar, uden at du skal sætte noget op. Mobilsider bliver automatisk tilpasset mindre skærme og langsommere forbindelser. Du kan følge indlæsningstiden i Analytics og indsigt og se, hvilke sider der trænger til opmærksomhed. Se alle funktioner under priser.
Ofte stillede spørgsmål
Hvad er en god indlæsningstid for en webshop?
De fleste kilder anbefaler at sigte efter under to sekunder, før siden først vises, og under tre sekunder, til hele siden med alle billeder og ressourcer er indlæst. Alt under to sekunder giver en hurtig oplevelse, der mindsker frafald. Mellem to og fire sekunder er acceptabelt, men har målbar effekt på konverteringen. Over fire sekunder er langsomt og bør rettes. Det er retningslinjer og ikke faste regler. En webshop, der indlæser på 1,5 sekund, konverterer bedre end en, der bruger 2,5 sekunder, selv om begge ligger inden for det acceptable. Med WEMASY's hjemmesidebygger kan du sætte det op direkte i din webshop.
Påvirker sidehastighed placeringen i almindelig søgning?
Ja. Google bruger udtrykkeligt sidehastighed som rangeringsfaktor, både på computer og mobil. Alt andet lige rangerer en hurtigere webshop over en langsommere på det samme søgeord. Det betyder, at sidehastighed påvirker din konverteringsrate på to måder: direkte, fordi hurtigere sider konverterer flere besøgende, og indirekte, fordi bedre placeringer i søgning giver flere besøgende. Du kan læse mere om søgeoptimering for webshops i hvordan du bygger en SEO-strategi for din webshop.
Kan jeg gøre siderne hurtigere uden en udvikler?
Mange forbedringer med stor effekt kræver ingen kode. Billedoptimering, fjernelse af unødvendige plugins og caching kan du som regel klare i platformens admin. Nogle forbedringer, som udskydelse af JavaScript eller ændring af serversvar, kræver måske udvikleradgang eller viden. Hvis din webshop ligger på en moderne platform som WEMASY, er de fleste af disse optimeringer allerede gjort for dig som standard. Har du en specialbygget webshop eller en ældre platform, kan en udvikler hjælpe med at finde de hurtige gevinster og gennemføre dem.
Hvad er forskellen på first contentful paint og indlæsningstid?
First contentful paint er det øjeblik, hvor det første stykke indhold (tekst, billede og så videre) vises på siden. Indlæsningstid er det øjeblik, hvor alle de vigtigste ressourcer er færdige med at indlæse. First contentful paint kommer først og er det, den besøgende opfatter som "hvor hurtig føles siden?" En side med to sekunders first contentful paint, men otte sekunders fuld indlæsning føles hurtig for den besøgende, fordi indholdet dukker hurtigt op, selv om nogle ressourcer i baggrunden stadig indlæses.
Skal jeg prioritere sidehastighed eller design?
Begge dele betyder noget, men hastighed betyder mest, for en smuk side, der tager ti sekunder at indlæse, mister konverteringer hurtigere end en enkel side, der indlæser på to sekunder. Det rigtige svar er en hurtig side med godt design. Skal du vælge, så prioriter hastighed først. En hurtig, enkel side konverterer bedre end en langsom, smuk side. Men gå ikke med på det falske valg. Moderne designværktøjer og platforme laver sider, der både er smukke og hurtige.