Shopify themasnelheid op echte telefoons
Snelheidswerk op Shopify heeft een voorspelbaar patroon: teams optimaliseren Liquid, discussiëren over het thema, en laten een hero-afbeelding staan die vier keer zo groot is als de weergave en elf scripts van derden die laden voordat de pagina wordt weergegeven.
Meet eerst, repareer dan in de volgorde die loont.
Waar de tijd echt naartoe gaat#
| Oorzaak | Typisch aandeel van het probleem | Moeilijkheidsgraad om op te lossen |
|---|---|---|
| Te grote of niet-geoptimaliseerde afbeeldingen | Groot | Gemakkelijk |
| Scripts van derden en apps | Groot | Gemiddeld — politiek, niet technisch |
| Weblettertypen | Matig | Gemakkelijk |
| Zware sliders en video hero-secties | Matig | Gemakkelijk, als je de discussie kunt winnen |
| Liquid-rendering | Klein | Gemiddeld |
De volgorde om in te werken#
- Meet op een middenklasse telefoon met een echte verbinding, niet op je laptop.
- Repareer afbeeldingen: juiste afmetingen, modern formaat, lazy-load alles onder de vouw.
- Controleer scripts: verwijder apps die niemand gebruikt; stel alles uit dat niet nodig is om te renderen.
- Schrap de hero: één afbeelding verslaat een automatisch afspelende videocarrousel op elke metric die ertoe doet.
- Subset en preload lettertypen, of gebruik systeemlettertypen.
- Kijk pas daarna naar de themacode.
Meet wat klanten voelen#
Largest contentful paint op de productpagina via een mobiele verbinding is het getal dat correleert met omzet. Synthetische scores zijn nuttig om regressies te spotten en verschrikkelijk als doelen — een winkel kan goed scoren en toch traag aanvoelen voor een klant in de trein.
Leg een basislijn vast vóór elke wijziging en na elke wijziging. Zonder basislijn wordt snelheidswerk een discussie over meningen.
Het app-gesprek#
De meeste snelheidsproblemen zijn iemands favoriete app. Kom met cijfers: deze app kost 400ms op elke productpagina en wordt door twee mensen gebruikt. Dat gesprek verloopt beter dan "de site is traag" en het is het gesprek dat echte winst oplevert.
Veelgestelde vragen
Maakt de themakeuze uit voor snelheid?
Minder dan afbeeldingen en scripts. Een goed gebouwd thema helpt, maar het kan elf scripts van derden niet verslaan.
Is een perfecte score het nastreven waard?
Nee. Jaag op de rendertijd van de productpagina op een middenklasse telefoon; dat is wat klanten ervaren.
Kosten apps echt zoveel?
Storefront-gerichte wel. Meet elke app door deze uit te schakelen en opnieuw te testen — de cijfers beslechten meestal het debat.
shopify snelheidshopify paginasnelheidshopify prestatiesshopify core web vitalsshopify thema snelheid
