En Shopify-butik kan kännas långsam på mobilen för att huvudbilden laddas sent, JavaScript fördröjer interaktioner, layoutförändringar flyttar knappar eller en viss app blockerar köpflödet. Identifiera symtom och sida innan temat ändras. En enda startsidespoäng kan inte diagnostisera hela butiken.
Börja med tre verkliga kundresor
Välj startsidan, en välbesökt kollektion och en representativ produktsida. Använd samma mobil och anslutning i den första jämförelsen. Dokumentera sida, webbläsare, samtyckesval, tidpunkt och vad du försökte göra: se huvudbild, öppna filter, välja variant eller lägga i varukorgen.
| Symtom | Kontroll | Arbete att utreda |
|---|---|---|
| Huvudinnehållet visas sent | Largest Contentful Paint och laddningsvägen för huvudbild/text | Bildstorlek, upptäckt, laddningsprioritet och renderingsblockerande resurser |
| Knappar reagerar långsamt | Interaction to Next Paint och huvudtrådens arbete vid åtgärden | Tung JavaScript, apphanterare och temats händelselogik |
| Innehåll hoppar under laddning | Cumulative Layout Shift och sent infogade element | Bilddimensioner, typsnitt, banderoller och appwidgetar |
| En köpåtgärd fungerar inte alls | Reproduktionssteg, formulärtillstånd och konsol-/nätverksfel | Ett funktionsfel som kan kräva separat utvecklingsarbete |
Skilj labbtester från kunddata
Shopifys webbprestandarapportering beskriver verkliga butiksbesök där data finns. PageSpeed Insights kan visa både kontrollerade labbtester och tillgänglig Chrome-fältdata. Anteckna vilken typ du läser. En labbpoäng ändras med testförutsättningarna. Fältdata sammanfattar verkliga besök och kan behöva tid för att återspegla en uppdatering. Saknad fältdata betyder inte godkänt resultat.
Core Web Vitals beskriver laddning, interaktion och layoutstabilitet. Använd de enskilda måtten för att välja vad som ska utredas. Översätt inte en bättre labbpoäng till påstådd intäktsökning eller garanterad rankningsförbättring.
Granska bilder, appar, typsnitt och temakod
- Bilder och video: leverera en bildstorlek som passar visningsytan, reservera dimensioner och granska stora huvudbilder och videor. Senarelägg lämpliga bilder utanför första vyn, men inte generellt den bild som behövs direkt.
- Appskript: inventera vad som laddas i den berörda mallen och varför. Kod kan finnas kvar efter avinstallation, men radera inte okänd kod utan att identifiera ansvar och beroenden.
- Typsnitt: kontrollera onödiga filer och vikter, sen upptäckt och förflyttningar under laddningen.
- Huvudtrådens arbete: granska långkörande JavaScript och hanterare vid långsamma interaktioner. Enbart minifiering löser inte dyr exekvering.
Ett upprepningsbart före- och efterunderlag
Gör ändringar i en opublicerad temaförhandsvisning. Dokumentera adress/mall, temaversion, enhet, anslutning/testinställningar, samtycke, testtid, mätvärden, observerat fel och en föreslagen ändring. Upprepa flera jämförbara körningar och spara variationen i stället för att välja det bästa resultatet.
Ett testexempel: om en produktbild upptäcks sent för att ett bildspel väntar på JavaScript, jämför med en förhandsvisning där första bilden finns tidigare. Behåll bild och sidinnehåll. Kontrollera både laddning och bildspels-/variantfunktion efteråt. Detta är en testmetod, inte ett påstått kundresultat från ZAGO.
Välj nästa steg efter symtomet
Om butiken laddas men få besök leder till köp, använd vår felsökning av trafik utan försäljning innan du antar att hastighet är orsaken. Om bara Köp nu misslyckas, granska den separata snabbkassan.
För hastighetsoptimering i Shopify, skicka butiksadress, berörda sidor, mobilmodell och eventuell PageSpeed-rapport. Vi kan bedöma omfattning och vilka sidor som ska mätas. Ett trasigt köpflöde kan behöva en separat utvecklingsutredning.
Källor: Shopifys webbprestandarapportering, Core Web Vitals och Shopifys prestandapraxis för teman.
