Shopify-winkel sneller maken zonder een regel custom code

Een Shopify-winkel wordt traag door wat de eigenaar erop stapelt: apps die scripts injecteren, thema-secties die niemand ziet, afbeeldingen die te groot worden opgehaald en trackingcode in het thema. Shopify zelf is snel: 76% van de Shopify-winkels haalt op mobiel goede Core Web Vitals (Web Almanac 2025). De rest is op te lossen zonder code, met een audit en discipline.

Waarom is snelheid geld in een webshop?

Google en Deloitte volgden eind 2019 37 Europese en Amerikaanse merksites gedurende 30 dagen, ruim 30 miljoen sessies. Een verbetering van 0,1 seconde in mobiele laadtijd leverde bij retailers 8,4% meer conversie en 9,2% hogere orderwaarde op (web.dev). Dat is de best onderbouwde meting die er is, en het gaat om een tiende seconde.

Shopify zegt het in zijn eigen documentatie nog directer: hoe meer scripts je hebt, hoe trager je winkel, en een kapot script kan de pagina zelfs laten hangen (Shopify Help Center). De platformbasis is dus in orde, maar elke toevoeging kost tijd. Wat volgt zijn de vijf plekken waar die tijd weglekt.

Welke apps kosten je laadtijd?

Elke app die iets op de storefront doet, laadt eigen JavaScript en CSS. Shopify’s eigen advies: beoordeel per app of de waarde opweegt tegen het prestatieverlies, en verwijder wat je niet gebruikt, inclusief de code die bij de installatie in het thema is gezet (Shopify Help Center).

In de praktijk komen we dezelfde categorieën tegen: twee apps met dezelfde functie, een A/B-testtool van een campagne die al lang klaar is, analytics die niemand meer bekijkt, een reviewwidget naast een tweede reviewwidget. Loop de lijst door met één vraag per app: wat gebeurt er als deze morgen weg is? Bij een flink deel is het antwoord niets. Verwijder de app, en controleer daarna het thema op achtergebleven snippets, want die blijven anders meeladen.

Hoe haal je afbeeldingen in de juiste maat op?

Shopify’s CDN kiest zelf het beste bestandsformaat voor de browser van de bezoeker, en levert meestal WebP (Shopify Help Center). Het formaat is dus geen probleem. De maat wel. De image_url-filter in Liquid vereist een width of height en gaat tot 5760 pixels (Shopify.dev); veel thema’s en apps vragen daar een veel grotere afbeelding op dan het vakje waar hij in terechtkomt.

Twee dingen om na te lopen in de thema-instellingen en secties. Ten eerste: staat er per plek een breedte die past bij de weergave, of wordt overal het origineel gevraagd? Ten tweede: worden afbeeldingen onder de vouw lazy geladen, en de hero-afbeelding juist niet? Die laatste is bijna altijd je LCP-element en moet zo vroeg mogelijk binnenkomen (web.dev).

Wat doen fonts, secties en trackingcode met je LCP?

Fonts. Elk lettertype is een extra download die het tekenen van tekst tegenhoudt. Twee families is genoeg voor vrijwel elke shop. Systeemfonts zijn gratis en direct beschikbaar.

Secties. Shopify waarschuwt zelf dat veel secties op één template de prestaties omlaag halen (Shopify Help Center). Een homepage met veertien blokken waarvan er drie boven de vouw staan, laadt de andere elf voor niets. Snoeien is hier de goedkoopste optimalisatie.

Trackingcode. Meta Pixel, Google Analytics, Klaviyo, Hotjar en reviewscripts hoorden vroeger thuis in theme.liquid. Shopify heeft daar de pixelmanager voor: scripts draaien in een sandbox, los van de rest van je winkel, en worden op één plek beheerd (Shopify Help Center). Verplaats wat je kunt en verwijder de oude snippets uit het thema.

Hoeveel zit je met de rest van Shopify?

De cijfers uit het Web Almanac laten zien waar Shopify staat tegenover een zelf gehoste shop op mobiel:

Platform (mobiel)	Goede LCP	Goede INP	Goede CLS	Alle drie goed
Shopify	86%	90%	92%	76%
WooCommerce	39%	88%	85%	35%

Bron: Web Almanac 2025, hoofdstuk Ecommerce, HTTP Archive.

Het verschil zit vrijwel volledig in LCP, en dat is precies het deel dat Shopify voor je regelt: dezelfde CDN, dezelfde caching, server-side gerenderd. Wie op Shopify zit en toch een slechte LCP heeft, heeft dus met bijna zekerheid een van de vijf bovenstaande oorzaken. Twijfel je nog over het platform, lees dan Shopify vs WooCommerce en wat een webshop kost.

Hoe pak je het aan?

Meet eerst met echte gebruikersdata. Het Core Web Vitals-rapport in Search Console en PageSpeed Insights (het bovenste blok, met CrUX-data) laten zien of je een probleem hebt en op welke paginatypen. Pas daarna ga je apps verwijderen, want dan kun je het effect ook zien.

De volgorde die het meest oplevert:

1. Apps: verwijderen wat geen aantoonbare waarde heeft, thema controleren op restcode.
2. Hero-afbeelding: juiste breedte, geen lazy loading, liefst als eerste afbeelding in de HTML.
3. Overige afbeeldingen: passende breedte per sectie, lazy loading aan.
4. Trackingcode naar de pixelmanager, oude snippets weg.
5. Secties en fonts snoeien.

Geen van deze stappen vraagt een regel custom code. Ze vragen wel iemand die de thema-instellingen begrijpt en durft te schrappen. Zo beheren we ook de shop van Sexyjoy, die we van WordPress naar Shopify hebben overgezet. Wil je dit werk uitbesteden, dan doen we het onder Shopify webshop laten maken.

Veelgestelde vragen

Maakt Shopify mijn afbeeldingen automatisch kleiner?

Shopify kiest automatisch het beste bestandsformaat, meestal WebP, en comprimeert JPG-bestanden. De pixelmaat bepaalt je thema via de width-parameter in image_url. Vraagt het thema een te grote maat, dan krijg je een te groot bestand, ook in WebP.

Hoeveel apps zijn te veel?

Daar is geen vast getal voor. De vraag is per app of hij op de storefront scripts laadt en of hij aantoonbaar iets oplevert. Apps die alleen in het admin-paneel werken kosten geen laadtijd; apps die een widget, popup of tracker op elke pagina zetten wel.

Wat is een goede LCP voor een webshop?

Google hanteert 2,5 seconden of minder op het 75e percentiel van echte bezoekers, voor webshops net als voor andere sites. Op mobiel haalt 86% van de Shopify-winkels dat. Zit jij daar niet bij, dan is de hero-afbeelding of een blokkerend script de eerste plek om te kijken.

Bronnen

1. Milliseconds make millions, Google en Deloitte, web.dev, 2020
2. Web Almanac 2025: Ecommerce, HTTP Archive, 2025
3. Improving your online store speed, Shopify Help Center, 2025
4. Pixels overview, Shopify Help Center, 2025
5. image_url Liquid filter, Shopify.dev, 2025
6. Optimize Largest Contentful Paint, web.dev, Google, 2024