Ingen bliver overrasket over en side, der indlæses hurtigt, men en side, der indlæses langsomt, er for mærkbar, og du vil hurtigt forlade den, før indholdet overhovedet dukker op på skærmen. Faktisk vil de fleste besøgende forlade et websted, hvis siden ikke indlæses fuldt ud på mindre end 3 sekunder.
I den stærkt konkurrenceprægede e-handelssektor, hvor hastighed er af afgørende betydning, er det vigtigt at sikre god webydelse for at konvertere dine besøgende til kunder, både på mobil og desktop. Det anslås, at en forbedring på 0,1 sekund i indlæsningstiden på din e-handelsside kan øge din konverteringsrate med 8 %!
Hvorfor er det vigtigt at forbedre ydeevnen i din netbutik?
- Du vil forbedre din kundeoplevelse markant og naturligvis øge din konverteringsrate,
- Du får kapacitet til at rumme det maksimale antal brugere på samme tid og undgår at miste værdifulde kunder i travle perioder,
- Du opnår synlighed takket være den optimale indlæsningshastighed på dit websted, som vil give dig mulighed for at forbedre din position i søgemaskinens resultater (SEO).
Så når du tænker på præsentationen af din netbutik, bør du tænke på brugeroplevelse, konvertering og synlighed.
Hvilke metrics er vigtige, og hvordan optimerer man dem?
Når det kommer til din butik, er det vigtigste at forbedre indlæsningshastigheden og samtidig opfylde de tekniske krav til et e-handelssted i 2022.
Time To First Byte og Speed Index anses for at være særligt vigtige målinger, da de giver et godt overblik over hjemmesidens ydeevne.
1. Tid til første byte (TTFB)
Denne metrik svarer til serverens responstid. Nogle af hovedelementerne, der udgør responstiden, er serverkonfiguration (sprog, biblioteker osv., der optimerer indlæsningstider og gør hjemmesiden robust) og udførelsestider for databaseforespørgsler.
Hvis denne indikator er mindre end eller lig med 200 millisekunder og acceptabel op til 500 ms, anser Google dette for godt. Det er ofte den eneste indikator, der varierer over tid og er ofte drevet af trafik.
Tip: Brug et CDN (Content Delivery Network), som vil være særligt nyttigt for dine oversøiske kunder.
2. Den første indholdsfulde maling
På brugersiden er dette hovedfokus. Besøgende kan finde på at have en ventetid mellem det tidspunkt, de klikker på et link, og det tidspunkt, hvor siden viser et element. Denne foranstaltning svarer grundlæggende til den tid, det tager browseren at indlæse svaret fra serveren og vise det første indholdselement fra browseren.
Godt at vide: Det kvalificerer sig som godt, hvis det er gjort på mindre end 2,5 sekunder (inklusive TTFB), så vi kan vurdere, at indlæsningstiden for de gengivelsesblokerende filer bør være mindre end 2 sekunder.
For at gøre dette kan du komprimere dine HTML/CSS/JS-filer og begrænse filer, der blokerer visningen.
3. Den største indholdsfulde maling (LCP)
LCP er det andet højdepunkt for brugeren, denne foranstaltning integrerer de fleste af de synlige elementer. Det er her, websiden tager form og får sit endelige – eller næsten endelige – udseende. Dette trin kan være det længste og sværeste afhængigt af indholdet, der skal vises.
Godt at vide: Det anses for godt, hvis det opnås på mindre end 2,5 sekunder (som FCP) og op til 4 sekunder er acceptabelt. Mange undersøgelser viser, at efter 3 sekunder stiger bounce raten markant
Tip: Optimer billeder, generer nyttige formater (jpeg 2000, jpeg XR webp osv.), angiv forskellige størrelser af dine billeder i HTML-koden, og indstil cache (browser og server).
4. Den første inputforsinkelse
Denne indikator er relateret til de interaktive aspekter af siden. Kort sagt er det browserens responstid mellem en handling, der udføres (f.eks. et link eller en knap, der bliver klikket på) og det øjeblik, det første interaktive element vises.
Godt at vide: Denne indikator måler brugerens "forstyrrelsestid", dvs. hvor lang tid brugeren vil vente på, at browseren reagerer, hvis de klikker på det første viste interaktive element.
5. Tid til interaktiv
Denne indikator misfortolkes ofte. Den måler tiden fra starten af navigationen, indtil sidens ressourcer er indlæst, og hovedbrowsertråden er inaktiv i mindst 5 sekunder, dvs. der har ikke været nogen scriptudførelse længere end 50ms.
Godt at vide: Din e-handelsside kan have en god samlet ydeevne, god FID og dårlig interaktivitetstid.
Tip: Udsæt ikke-essentiel JavaScript-kode for at indlæse og slette unødvendige sidegengivelsesscripts for at rydde op i hovedtråden. Dette kræver, at du laver god kodesegmentering.
Her er en mere repræsentativ tidslinje for forsinkelsen mellem indikatorer – og tidslinjen for et godt websted (ifølge Google)
Bonusindikator: Speed Index eller SI Denne indikator er en bonus, fordi den er meget afhængig af FCP og LCP, som selv er afhængige af TTFB. Dette er resultatet af en beregning baseret på hastigheden og progressiviteten af de synlige dele af siden (flydende blokke).
Konklusion
Hver indikator er påvirket af den foregående, hvilket gør dem vigtige. Med PosFox får du en billig netbutik og en veloptimeret.