Je Shopify-webshop sneller maken begint vrijwel altijd op dezelfde drie plekken: apps, het thema en beelden. Shopify's eigen servers en CDN zijn zelden het probleem; wat jij eraan toevoegt wel. Met de negen fixes hieronder halen wij bij de meeste shops seconden van de laadtijd af, en de eerste drie kosten je alleen opruimtijd, geen geld.
Waarom is je Shopify-webshop traag?
Eerst het eerlijke verhaal: het platform zelf is snel. Shopify host je winkel op eigen infrastructuur met een wereldwijd CDN, en de checkout is al geoptimaliseerd. Als jouw shop traag voelt, komt dat in de praktijk door drie dingen, in deze volgorde: apps die allemaal hun eigen scripts inladen, een thema dat alles kan en daardoor alles laadt, en beelden die groter worden geserveerd dan ze getoond worden. De negen fixes hieronder werken die drie oorzaken systematisch af.
Wil je eerst weten waar jij staat? Check het snelheidsrapport in je Shopify-beheer, doe onze gratis webshop-analyse voor de Core Web Vitals plus knelpunten, en lees hoe je die metingen leest in ons artikel over website performance.
Eerst de diagnose: waar zit jouw vertraging?
Voordat je fixes doorvoert wil je weten wélke van de drie oorzaken bij jou domineert, anders optimaliseer je op gevoel. Drie snelle checks die samen een kwartier kosten:
De app-check. Open de thema-editor en kijk onder app-embeds: alles wat daar aan staat, laadt mee op elke pagina. Zet uit wat je niet herkent of niet gebruikt (het is per schakelaar omkeerbaar) en meet het verschil.
De beeld-check. Open een productfoto in een nieuw tabblad en kijk naar de URL: staat er een breedte-parameter in, dan wordt het beeld op maat geserveerd. Zie je de originele upload van duizenden pixels, dan heb je fix 4 gevonden.
De waterval-check. Draai PageSpeed Insights en scrol naar de lijst met bronnen: sorteer op omvang en je ziet in één oogopslag of beelden, scripts of fonts je zwaarste post zijn.
Fix 1: ruim ongebruikte apps op, én hun achtergebleven code
Elke app laadt scripts mee op elke pagina, ook de app die je alleen voor die ene actie in 2024 gebruikte. Loop je app-lijst langs en verwijder wat je niet meer gebruikt. En hier zit de venijnige bijvangst: veel apps laten na het verwijderen code achter in je thema. Die restjes blijven gewoon laden. Controleer na elke opruimronde je theme.liquid en snippets op verwijzingen naar verwijderde apps, of laat het ons nakijken; wij vinden bij vrijwel elke oudere shop achtergebleven app-code. Vuistregel voor de app-lijst: kun je bij een app niet in één zin zeggen wat hij deze maand heeft opgeleverd, dan is hij een kandidaat.
Fix 2: één app per functie
Reviews, upsells, chat, pop-ups: voor elke functie bestaan tien apps, en shops verzamelen er in de loop van de tijd meerdere per categorie. Elke widget brengt zijn eigen scripts, fonts en stylesheets mee. Kies per functie één app, en kies waar mogelijk voor apps die server-side renderen in plaats van alles in de browser op te bouwen.
Fix 3: een licht, modern thema
Een verouderd of overladen thema is de op één na grootste vertrager. Moderne thema's uit de Theme Store moeten aan snelheidseisen voldoen en gebruiken de nieuwste Shopify-architectuur; de "alleskunner"-thema's met honderd instellingen laden ook de negentig opties die jij niet gebruikt. De koninklijke route is een custom Shopify-thema dat alleen bevat wat jouw winkel nodig heeft: dat is het verschil tussen een pakhuis en een winkel.
Fix 4: laat beelden op maat renderen
De klassieker: een productfoto van 4.000 pixels breed die als thumbnail van 300 pixels wordt getoond. Shopify's CDN kan elk beeld in elk formaat leveren, maar dan moet je thema er wél om vragen, met de juiste breedtes per schermformaat. Upload gerust hoge resolutie, maar controleer dat je thema overal de responsive beeldtags gebruikt in plaats van de originele upload. Dit is meestal de grootste kilobytewinst van de hele lijst. Vergeet ook de stille plekken niet: logo's van betaalmethodes, merkenbalken en footerbeelden worden opvallend vaak op origineel formaat geladen.
Fix 5: houd de bovenkant simpel
Het eerste scherm bepaalt je gemeten laadtijd (LCP). Een slider met vijf afbeeldingen, een autoplay-video of een animatie als openingsbeeld maakt dat eerste scherm zwaar, terwijl bezoekers toch vrijwel alleen het eerste beeld zien. Eén sterk, licht beeld met een duidelijke boodschap laadt sneller én converteert in de praktijk beter dan een carrousel.
Fix 6: lazy loading onder de vouw, voorrang erboven
Alles wat niet in het eerste scherm staat mag wachten tot de bezoeker scrolt: productgrids, Instagram-secties, footerlogo's. Maar pas op met de omgekeerde fout: je hoofdbeeld mag juist níet lazy laden, dat moet met voorrang binnenkomen. Moderne thema's regelen dit goed; in oudere of aangepaste thema's staat lazy loading regelmatig op precies de verkeerde beelden.
Fix 7: maximaal één webfont, gesubset
Twee fontfamilies in vier gewichten zijn acht downloads voordat je tekst in beeld staat. Kies één webfont voor koppen, gebruik een systeemfont voor lopende tekst, en subset het bestand tot de tekens die je echt gebruikt. Shopify's eigen fontbibliotheek wordt via het CDN geserveerd en is daarmee de veilige keuze.
Fix 8: tem je marketing-scripts
Pixels van advertentieplatformen, analytics, heatmaps, A/B-tools: samen vormen ze vaak het grootste blok JavaScript op de pagina. Ruim op wat niet meer wordt uitgelezen, laad wat blijft pas ná de pagina (of bij consent), en overweeg server-side tagging zodat de browser van je bezoeker het werk niet hoeft te doen. Je marketeer merkt er niets van; je bezoeker wel.
Fix 9: embeds pas laden bij klik of scroll
Een YouTube-video, Instagram-feed of kaart laadt honderden kilobytes aan externe scripts, ook als niemand erop klikt. De oplossing heet een façade: toon een lichte voorvertoning (een stilstaand beeld met een afspeelknop) en laad de echte embed pas bij een klik. Zelfde functionaliteit, fractie van het gewicht.
De twee hardnekkige mythes
"Ik heb snellere hosting nodig." Bij Shopify kan dat niet, en het hoeft ook niet: elke shop draait op dezelfde infrastructuur met hetzelfde wereldwijde CDN, van starter tot Plus-merk. Als jouw shop trager is dan die van een concurrent op hetzelfde platform, zit het verschil per definitie in wat jullie er elk op gebouwd hebben, en dat is goed nieuws, want daar kun je bij.
"We hebben te veel producten." Catalogusgrootte is vrijwel nooit de oorzaak; Shopify serveert een shop met vijftigduizend producten net zo vlot als één met vijftig. Wat wél meegroeit met de catalogus zijn zware collectiepagina's die te veel tegelijk tonen, en filters die door apps worden gerenderd. Dat zijn thema-keuzes, geen platformgrenzen.
Wat mag je van een snelheidsklus verwachten?
Realistisch: shops die jaren apps verzamelden gaan met deze negen fixes van oranje of rood naar groen in de Core Web Vitals, en het verschil is voelbaar op elke telefoon. Wat je níet moet najagen is een perfecte labscore: een 100 in het lab is geen doel, groen in het veld wel. De labtest is een hulpmiddel om oorzaken te vinden; je klanten en Google kijken naar de veldcijfers. En de winst is blijvend zolang je bij elke nieuwe app en elk nieuw thema-blok dezelfde vraag stelt: wat kost dit aan snelheid?
Meet na elke fix, één tegelijk
Voer de fixes één voor één door en meet ertussen: het snelheidsrapport in je Shopify-beheer voor de trend, PageSpeed Insights voor de details, en onze gratis webshop-analyse voor de vertaling naar concrete knelpunten. Zo weet je wat elke ingreep opleverde, en welke fix voor jouw shop het verschil maakte. De volgorde hierboven is onze standaardvolgorde: van gratis opruimwerk naar structurele keuzes. En wil je precies weten wat LCP, INP en CLS meten en waar de drempels liggen, lees dan Core Web Vitals voor webshops.
Wat levert dit op?
Snelheid is geen hobbyproject maar omzet. Boven de 3 seconden laadtijd haakt meer dan de helft van de mobiele bezoekers af, en een halve seconde sneller kan tot 10 procent meer omzet opleveren; de onderbouwing staat in ons artikel over website performance. In de praktijk zien wij na deze negen fixes shops van oranje naar groen gaan in de Core Web Vitals, met de grootste sprongen bij shops die jaren apps verzamelden. De winst is blijvend, zolang je bij elke nieuwe app dezelfde vraag stelt: wat kost hij aan snelheid?
Liever dat wij het doen?
Snelheid is bij ons geen losse dienst maar een opleveringseis: elke webshop die wij bouwen gaat groen op de Core Web Vitals live. Draait je huidige shop te traag, dan voeren we deze negen fixes uit als gerichte snelheidsklus, inclusief nameting per fix. Bekijk wat er komt kijken bij een Shopify webshop laten maken of plan een vrijblijvende call; met het rapport van de gratis analyse in de hand weet je binnen één gesprek waar jouw winst zit.
