De meeste Shopify-winkels beginnen met een thema, en dat is een goede start. Je staat snel online en je kunt veel zelf aanpassen. Maar na een paar jaar apps, banners en widgets wordt zo'n winkel vaak traag, vooral op de telefoon. Dan valt al snel het woord headless. Ik bouw headless Shopify-winkels, maar ik raad het lang niet iedereen aan. Hieronder leg ik uit wat het is, wat het oplevert, wat het je kost aan gedoe en wanneer je beter bij je thema blijft.
Wat headless Shopify betekent
Bij een gewone Shopify-winkel doet Shopify alles: je producten, je voorraad, de checkout en de pagina's die je klant ziet. Die pagina's komen uit een thema.
Bij headless haal je dat laatste deel los. Shopify blijft je backoffice: producten, voorraad, bestellingen, betalingen en de checkout. De winkel die bezoekers zien, is een aparte website die de producten bij Shopify ophaalt. Die site wordt op maat gebouwd, bijvoorbeeld in Next.js, en draait bij een hostingpartij als Vercel.
Voor jou verandert het dagelijkse werk weinig. Je voegt producten toe in Shopify zoals je gewend bent en ze verschijnen in de nieuwe winkel. Wie afrekent, komt in de vertrouwde Shopify-checkout, vaak op een subdomein zoals shop.jouwwinkel.nl.
Waarom een Shopify-thema traag wordt
Een thema is gemaakt om voor duizenden verschillende winkels te werken. Het laadt dus ook veel wat jij niet gebruikt. Daar komt bij:
- Elke app die iets op de pagina toont, laadt eigen scripts en stijlen. Vaak op elke pagina, ook waar de app niets doet.
- Van apps die je ooit hebt verwijderd, blijft soms code achter in het thema.
- Sliders, video's en grote foto's bovenaan de pagina zijn zwaar op een mobiele verbinding.
Elk onderdeel valt mee, maar bij elkaar moet een telefoon honderden bestanden ophalen en verwerken voordat je klant iets kan doen.
Wat het opleverde bij Modern Native
Modern Native is een webshop die ik van een Shopify-thema naar een headless winkel heb overgezet. De checkout bleef bij Shopify. Ik heb het oude thema en de nieuwe winkel vergeleken met Google Lighthouse, op mobiel, in oktober 2026, op dezelfde pagina: het productoverzicht modernnative.nl/collections/alles.
| Oud Shopify-thema | Headless winkel | |
|---|---|---|
| Gewicht van de pagina | 14 MB | 2 MB |
| Aantal verzoeken (requests) | ongeveer 560 | 85 |
| In beeld na (Speed Index) | 24 seconden | ongeveer 4 seconden |
| Werk voor de processor (main thread) | 10 seconden | 2 seconden |
De pagina is zeven keer lichter geworden en staat veel eerder in beeld. Lighthouse test met een trage mobiele verbinding en een gemiddelde telefoon, dus dit is geen stopwatch van één klant, maar een eerlijke vergelijking onder dezelfde omstandigheden.
Waarom dat ertoe doet: in het onderzoek Milliseconds Make Millions (2020) van Deloitte en Google leverde een mobiele site die 0,1 seconde sneller was 8,4 procent meer conversies op bij retailers. Dat is een uitkomst over veel merken samen, geen belofte voor jouw winkel. Ik noem hier bewust alleen de laadcijfers die ik zelf heb gemeten.
De voordelen van headless
Snelheid
Een pagina laadt alleen wat hij nodig heeft, zonder scripts van apps die daar niets doen.
Vrijheid in het ontwerp
Je zit niet vast aan de blokken van een thema. Productpagina's, filters en het winkelmandje zien eruit zoals bij je merk past.
Aanpassingen in één keer voor de hele site
Een nieuwe knop of een extra blok onder elk product pas je één keer aan, en het staat overal goed.
Landingspagina's voor campagnes
Voor een advertentie of seizoensactie maak je een eigen pagina die snel laadt en laat zien wat de advertentie belooft.
Betere SEO en structured data
Je bepaalt zelf de titels, de opbouw en de structured data: de gegevens over prijs, voorraad en reviews die Google en AI-assistenten direct kunnen lezen.
Tracking die klopt
Bij een overstap richt je de meting opnieuw en netjes in: Google Tag Manager, de Meta-pixel en een cookiebanner waarvan de toestemming doorloopt tot in de checkout. Dan zie je welke advertentie welke bestelling bracht.
De nadelen, eerlijk gezegd
- Het bouwen kost meer dan een thema instellen. Het is maatwerk.
- Producten, prijzen en voorraad beheer je nog steeds zelf in Shopify. Maar een nieuw soort pagina of blok vraagt om een ontwikkelaar, waar je in een thema zelf secties kunt verslepen.
- Je hebt twee systemen: Shopify en de hosting van je winkel.
- Apps die iets op je pagina's tonen, werken niet meer vanzelf. Daarover hieronder meer.
- Een overstap moet zorgvuldig, anders verlies je bezoekers uit Google.
Wanneer je het niet moet doen
Headless is niet voor iedereen. Ik raad het af als:
- je net begint en nog uitzoekt wat er verkoopt;
- je een handvol producten hebt;
- je nog weinig bezoekers hebt.
Dan is een goed ingericht thema prima. Haal ongebruikte apps weg, maak je foto's kleiner, zet geen slider of video bovenaan en laat oude app-code uit je thema halen. Daar win je vaak al veel mee, voor een fractie van de kosten.
Headless gaat lonen als je veel producten en bezoekers hebt, geld uitgeeft aan advertenties, je merk sterk op beeld draait en je thema je in de weg begint te zitten.
Wat er met je apps gebeurt
Shopify-apps vallen grofweg in twee groepen.
- Apps op de achtergrond of in de checkout blijven gewoon werken, omdat ze in Shopify zelf draaien. Denk aan boekhouding, verzending en voorraadbeheer.
- Apps die iets in je winkel tonen, zoals reviews of aanmeldformulieren, moeten opnieuw worden aangesloten op de nieuwe winkel.
Bij Modern Native heb ik zo Klaviyo, Judge.me en de abonnementen opnieuw aangesloten. Maak vooraf een lijst van al je apps en zet erbij of ze iets op de pagina laten zien. Dan valt er niets stil.
Overstappen zonder je plek in Google te verliezen
Hier gaat het het vaakst mis, meestal zonder dat iemand het meteen merkt. Mijn checklist:
- Een 301-redirect voor elke oude URL. Elke oude product-, collectie- en blogpagina verwijst naar de nieuwe versie. Stuur niet alles naar de homepage, dat behandelt Google als een pagina die niet meer bestaat.
- Search Console bijwerken. Dien de nieuwe sitemap in en kijk de eerste weken welke pagina's Google oppakt en welke fouten geven.
- De productfeed in Merchant Center. De Google & YouTube-app van Shopify bouwt de feed op het primaire domein van je Shopify-winkel. Na de overstap is dat vaak het checkout-subdomein, dat je juist afschermt voor zoekmachines. Laat de productlinks in Merchant Center naar je nieuwe domein wijzen en verifieer dat domein daar. Anders keurt Google je producten een voor een af.
- Toestemming tot in de checkout. Je cookiebanner staat op de nieuwe site, je checkout bij Shopify. Die toestemming moet worden doorgegeven, anders blokkeert Shopify bij bezoekers uit de EU de meetcodes in de checkout en zie je geen aankopen meer terug in Meta en Google.
- Tag Manager nalopen. Tags die alleen afgaan op de oude domeinnaam, stoppen stilletjes.
- Een echte testbestelling voordat je de oude winkel afschermt voor zoekmachines.
Hoe ik zo'n overstap aanpak, lees je bij headless Shopify-webshops.
Veelgestelde vragen
Blijft de checkout van Shopify?
Ja. Betalen gaat via de gewone Shopify-checkout en bestellingen komen binnen in Shopify zoals altijd.
Wat kost headless Shopify?
Meer dan een thema, omdat het maatwerk is. Het hangt af van het aantal soorten pagina's, de apps die opnieuw moeten worden aangesloten en de omvang van de overstap. Daarom maak ik de prijs op maat: je krijgt vooraf een vast voorstel met planning, zonder verborgen kosten.
Is mijn webshop te klein voor headless?
Met een paar producten en weinig bezoekers meestal wel. Dan haal je met een opgeschoond thema meer uit je geld.
Twijfel je over je eigen winkel?
Ik kijk graag mee naar je huidige Shopify-winkel en zeg je eerlijk of headless de moeite waard is, of dat opschonen genoeg is. Plan gerust een kennismaking, die is gratis.