‘Mijn webshop is traag’ heeft bijna nooit één oorzaak. Meestal zijn het acht kleine dingen die zich opstapelen tot de mobiele ervaring weg is — en daarmee een deel van het betaalde verkeer. Eerst dit: de infrastructuur van Shopify zelf is snel. Hosting, CDN en caching zijn de verantwoordelijkheid van het platform.
1. App-scripts
De grootste post. Elke app voegt eigen JavaScript toe, vaak op pagina's waar de app niets doet. In een webshop met tien apps kan de gedownloade code een veelvoud van het thema zelf wegen.
2. Achtergebleven code van verwijderde apps
Een app verwijderen haalt niet altijd de code weg die hij aan het thema toevoegde. Restanten van apps die maanden geleden zijn getest, draaien vaak nog — puur gewicht, nul functie.
3. Niet-geoptimaliseerde afbeeldingen
Een productfoto van 4.000 px in een vak van 600 px is gewoon. Afbeeldingen leveren in de weergegeven maat is een van de snelste winsten.
4. Alles laadt tegelijk
Afbeeldingen, video's en widgets onder de vouw horen niet bij de eerste weergave te laden. De meeste thema's ondersteunen lazy loading, maar sliders en maatwerksecties vergeten het vaak.
5. Lettertypen laden
Met eigen lettertypen kan tekst onzichtbaar blijven tot het lettertype binnen is. Minder varianten en de juiste weergave-instelling maken de ervaren snelheid merkbaar beter.
6. Tracking- en advertentietags
Analytics, pixels en een tagmanager voegen elk verzoeken toe. Dezelfde meting twee keer ingesteld — direct én via de tagmanager — geeft dubbele tellingen én onnodig gewicht.
7. Zware secties op de homepage
Automatisch afspelende video, grote sliders en gestapelde animaties maken de homepage zwaar. Hun bijdrage aan conversie wordt zelden gemeten; hun kosten wel.
8. De themacode zelf
Als laatste, omdat het de minst voorkomende oorzaak is. Jaren handmatige aanpassingen of een thema dat lang niet is onderhouden kunnen wel echt kosten.
Waar je begint
In deze volgorde: zet de geïnstalleerde apps op een rij en scheid wat echt gebruikt wordt, ruim restanten van verwijderde apps op, en repareer dan afbeeldingen en lazy loading. Houd bij het meten labdata en velddata uit elkaar: één testmeting zegt wat je moet repareren, data van echte bezoekers zegt of het gewerkt heeft.
Welke apps je webshop laadt, zie je met onze gratis app-finder. De versie met een vast doel van dit werk is onze dienst Shopify-snelheid optimaliseren; de rest van de techniek staat in de Shopify SEO-checklist.