Hoe we de laadtijd van een Shopify-winkel halveerden zonder een regel custom code
Een case uit het ModeMerk NL project: van LCP 3.8s naar 1.6s via thema-audit, beeldoptimalisatie en app-hygiene.
Shopify-winkels worden langzaam niet door Shopify zelf — maar door de apps, de thema-bloat en de ongeoptimaliseerde assets die eigenaren er in de loop van de jaren bovenop stapelen. Bij ModeMerk NL brachten we de LCP terug van 3.8s naar 1.6s zonder één regel custom code.
Wat we deden
1. App audit. Van 23 apps gingen er 11 eruit. Duplicate functionaliteit, oude A/B-test tools, ongebruikte analytics. Elke app injecteert scripts — elk script vertraagt.
2. Afbeeldingen. Shopify serveert automatisch WebP, maar het standaard thema haalde te grote formaten op. We hebben image_url: width: 800 overal gestandaardiseerd en loading="lazy" consequent toegepast.
3. Font loading. Het thema gebruikte 6 lettertypen. Teruggebracht naar 2, met font-display: swap en preload voor de hero-font.
4. Homepage sections. De homepage had 14 dynamische secties. Niet allemaal waren above-the-fold relevant — we hebben er 4 omgezet naar lazy-rendering.
5. Third-party scripts. Meta Pixel, Google Analytics, hotjar, klaviyo, reviews.io — allemaal via Shopify’s async customer events API in plaats van in-thema scripts.
Resultaat
| Metric | Voor | Na |
|---|---|---|
| LCP | 3.8s | 1.6s |
| INP | 340ms | 180ms |
| CLS | 0.18 | 0.04 |
| Conversie | 1.9% | 2.7% |
De les
De meeste Shopify-winkels hebben geen ontwikkelaar nodig om snel te worden. Ze hebben een audit nodig, discipline bij app-keuzes, en iemand die de thema-instellingen écht begrijpt.