Undersøg den side, kunden faktisk bruger
En hurtig forside fortæller ikke, om en kunde kan vælge variant, filtrere en kollektion og lægge varen i kurven uden ventetid. Jeg anbefaler at starte med en lille testliste: forsiden, en vigtig kollektion, en produktside med flere varianter og kurven. Vælg sider, som repræsenterer både omsætning og forskellige funktioner.
Skriv symptomet præcist. “Produktbilledet kommer sent” og “størrelsesvælgeren reagerer langsomt” er to forskellige opgaver. Gem URL, skærmstørrelse, tidspunkt og den handling, der udløser ventetiden. Det gør en fejl langt lettere at genskabe end et enkelt skærmbillede af en hastighedsscore.
Del fejlsøgningen i tre spor
- Indlæsning: Hvornår bliver det centrale indhold synligt? Undersøg det element, som målingen udpeger som Largest Contentful Paint, forkortet LCP.
- Interaktion: Hvilken konkret handling føles langsom? Test eksempelvis variantvalg, filtrering og åbning af kurven.
- Stabilitet: Flytter pris, knapper eller produktindhold sig under indlæsningen? Notér, hvad der dukker op lige før forskydningen.
Se definitionerne i guiden til Core Web Vitals. Brug samme testforløb før og efter en ændring; ellers sammenligner du måske forskellige problemer.
Når hovedbilledet kommer for sent
Shopify anbefaler, at det vigtigste billede i det første skærmbillede ikke lazy-loades. Billeder længere nede kan indlæses senere. Undersøg også, om browseren får en passende billedstørrelse, og om en animation holder billedet skjult, efter det er hentet. Shopifys vejledning om performance.
Et tænkt eksempel: En butik har et stort stemningsbillede øverst på forsiden. På mobil er det ikke hele desktopmotivet, der behøver være synligt. Test en passende mobilvisning, og kontrollér samtidig, at produktet eller budskabet stadig er forståeligt. Et mindre billede er kun en forbedring, hvis det også fungerer visuelt.
Apps skal vurderes efter funktion og belastning
Lav en oversigt over synlige appfunktioner: anmeldelser, chat, mersalg, søgning og lignende. Tilføj, hvor funktionen bruges, hvem der ejer den, og hvad der skal testes, hvis den ændres. To apps kan løse samme opgave, men det skal undersøges, før noget fjernes.
Shopifys tekniske vejledning fremhæver JavaScript og unødvendigt arbejde i temaet som mulige flaskehalse. Brug målingen til at finde den konkrete belastning; antallet af installerede apps er ikke i sig selv en diagnose. Shopifys performancevejledning.
Afprøv en ændring i et separat temapreview, når funktionen tillader det. Vær opmærksom på, at appindstillinger også kan gælde hele butikken. En test i et kopieret tema er derfor ikke automatisk isoleret fra den aktive webshop.
Bestil en afgrænset forbedring
En brugbar opgavebeskrivelse kan være: “Find årsagen til, at variantvælgeren på denne produktskabelon reagerer langsomt på mobil. Dokumentér før og efter, og kontrollér pris, lagerstatus og tilføjelse til kurven.”
Det giver et tydeligt leverancekrav. “Gør hele shoppen hurtigere” gør det sværere at vurdere, hvad der er løst. Ved en større gennemgang samler jeg opgaverne efter berørte skabeloner og risiko, så en ændring på produktsider ikke bliver vurderet ud fra forsiden alene. Du kan få hjælp gennem min Shopify-hjælp.
Godkend både hastighed og købsflow
Før en ændring bliver godkendt, bør kontrollen omfatte:
- Det oprindelige langsomme forløb på mobil og desktop.
- Variantvalg, korrekt pris, udsolgte varianter og antal i kurven.
- Søgning, filtre og de appfunktioner, ændringen berører.
- Samtykkevalg og den relevante måling efter ændringen.
- En dokumenteret mulighed for at gendanne den tidligere version.
Hold hastighedsmålingen adskilt fra salgsresultatet. En teknisk forbedring dokumenterer ikke automatisk en højere konverteringsrate. Hvis det også er målet, skal ændringen følges sammen med kundernes adfærd og øvrige ændringer i webshoppen.
FAQ
Skal jeg skifte Shopify-tema for at få en hurtigere webshop?
Ikke nødvendigvis. Afgræns først, om ventetiden skyldes en bestemt skabelon, et billede eller en funktion. Et temaskifte er en større beslutning, som også kræver kontrol af indhold og købsflow.
Kan jeg vurdere hele butikken ud fra forsiden?
Nej. Produktsider, kollektioner og kurv kan have andre billeder og funktioner. Medtag repræsentative sider i testen.
Skal jeg fjerne alle apps for at forbedre hastigheden?
Nej. Undersøg belastningen og forretningsbehovet for den enkelte funktion. En nødvendig funktion skal måske justeres eller indlæses anderledes.