Paginasnelheid en conversie: wat elke seconde vertraging je kost
Terug naar blog

Paginasnelheid en conversie: wat elke seconde vertraging je kost

AuthorRuthger Idema
6 maart 20269 min leestijd

Elke seconde vertraging kost je gemiddeld 7% conversie. Wij rekenen uit wat dat betekent voor jouw webshop — en wat je eraan doet.

# Paginasnelheid en conversie: wat elke seconde vertraging je kost

Een webshop van 5 miljoen euro omzet. Laadtijd: 4 seconden. Verlies door trage pagina's: ergens tussen de 300.000 en 600.000 euro per jaar. Niet geschat. Uitgerekend.

Dit artikel laat je zien hoe die berekening werkt, welke data erachter zit, en wat je ermee doet.

De data is helder: langzamer = minder omzet

Dit is geen theorie. Dit is gemeten gedrag van miljoenen gebruikers.

Google en Deloitte — "Milliseconds Make Millions" (2020)

Elke 100 milliseconden verbetering in laadtijd leidt gemiddeld tot 8% meer conversies in retail. Gemeten over meerdere grote Europese retailers. De studie is hier te lezen.

Akamai — mobiel gebruikersgedrag

53% van de mobiele bezoekers verlaat een pagina als die langer dan 3 seconden laadt. Die zijn weg. Voorgoed.

Amazon — interne analyse

Amazon berekende dat 100 milliseconden extra latency 1% omzet kost. Voor jouw webshop geldt relatief hetzelfde principe.

Shopify — eigen platform data

Shopify publiceerde dat merchants die hun laadtijd met 1 seconde verbeterden, gemiddeld 7% meer conversies zagen. Bij mobiel lag dat hoger.

Wat kost één seconde vertraging in euro's?

Laten we het concreet maken.

Omzetverlies = jaaromzet × conversie-impact per seconde

De meest gebruikte benchmark is 7% omzetverlies per seconde vertraging (Google/Deloitte, Portent Research).

Rekenvoorbeeld: drie webshops

Jaaromzet1 sec. trager (-7%)2 sec. trager (-14%)3 sec. trager (-21%)
€1.000.000€70.000 verlies€140.000 verlies€210.000 verlies
€5.000.000€350.000 verlies€700.000 verlies€1.050.000 verlies
€10.000.000€700.000 verlies€1.400.000 verlies€2.100.000 verlies

Dit zijn grove schattingen. De werkelijke impact hangt af van je sector en doelgroep. Maar de orde van grootte klopt.

Bereken je eigen verlies

Neem je maandelijkse omzet. Deel door je conversiepercentage. Dan weet je de waarde van elke bezoeker. Vermenigvuldig dat met het aantal bezoekers dat afhaakt door laadtijd (reken 15-30% bij een laadtijd boven 3 seconden). Dat is je jaarlijks verlies.

Afnemende meerwaarde — maar niet zoals je denkt

"Wij zitten al op 3 seconden, verder optimaliseren heeft weinig zin." Dat klopt gedeeltelijk.

De grootste winst zit in de eerste verbetering. Van 6 naar 4 seconden heeft méér impact dan van 2 naar 1.5 seconden.

Maar drie redenen om ook onder de 3 seconden te blijven optimaliseren:

  • Mobiel heeft lagere tolerantie. Op 3G/4G voel je het verschil. En mobiel is 60-70% van e-commerce verkeer.
  • Google Core Web Vitals meten verfijnd. LCP wordt gemeten tot op honderdsten van seconden. Je zoekpositie wordt beïnvloed ook binnen de "goede" zone.
  • Concurrentie slaapt niet. Als jij op 2 seconden zit en je concurrent op 1.2 seconden, zie je dat terug.
  • De sweet spot: onder de 2 seconden op desktop, onder de 3 seconden op mobiel.

    Mobiel vs. desktop: waar zit het echte risico?

    60-70% van alle e-commerce bezoekers komt via mobiel. Conversies op mobiel zijn gemiddeld lager — deels door UX, deels door laadtijd.

    Mobiele gebruikers zijn ongeduldig. De drempel om weg te klikken is laag. Wij zien bij Magento 2 klanten met het Luma-thema structureel slechte mobiele scores. Lighthouse onder de 40 is geen uitzondering.

    Platformvergelijking: Lighthouse scores in de praktijk

    PlatformLighthouse Score (mobiel)Noot
    Shopify (standaard)70-85Goed startpunt
    Shopify (met apps)50-70Apps kosten punten
    Magento 2 Luma30-50Structureel traag
    Magento 2 Hyva85-98Grote sprong mogelijk
    Headless (Next.js/Hydrogen)90-100Maximale performance

    Shopify

    Shopify scoort out-of-the-box goed. Het probleem is apps. Bij 10-15 apps zien scores zakken naar de 50-60. Wij adviseren regelmatig om apps te auditen. Soms schrappen we 5 apps en vervangen ze door één maatwerkoplossing in Laravel. Resultaat: 20-30 punten Lighthouse winst.

    Magento 2 Luma

    Luma is gebouwd voor functionaliteit, niet voor snelheid. Require.js, zware CSS, veel blocking JavaScript. Een Lighthouse-score van 35 is normaal.

    Magento 2 met Hyva

    Hyva is een alternatief frontend framework voor Magento 2, gebouwd op Alpine.js en Tailwind CSS. Dramatisch minder JavaScript, veel snellere laadtijden.

    Wij zijn Hyva Certified en migreren regelmatig Luma-winkels naar Hyva. Typisch: van Lighthouse 35-45 naar 85-95. Bij een webshop van 3 miljoen euro kan zo'n migratie 150.000 tot 400.000 euro per jaar betekenen aan extra omzet.

    Headless (Next.js / Hydrogen)

    Maximale performance. Lighthouse 90-100. Maar hogere ontwikkelkosten en meer onderhoud. Dit is niet voor elke webshop de juiste keuze.

    De echte kosten van plugins en apps

    Elke plugin heeft een prijs. Niet alleen in geld, maar in milliseconden.

    • Cookie-consent tool: +200-400ms
    • Chatwidget: +300-600ms
    • Loyalty programma: +500ms
    • Review plugin: +400ms
    • A/B testing tool: +300ms

    Vier van zulke tools bij elkaar en je zit op 1.5-2 seconden extra laadtijd. De vraag per plugin: levert deze tool meer op dan hij kost in omzet door vertraging?

    Vuistregel: als een app meer dan 200ms kost en de functionaliteit server-side kan, doe het server-side.

    ROI van een snelheidsproject berekenen

    Stap 1: Huidige situatie

    • Jaaromzet, laadtijd, Lighthouse score

    Stap 2: Verwachte verbetering

    • Doellaadtijd na project
    • Verwachte conversie-uplift: verbetering in seconden × 7%

    Stap 3: Berekening

    • Extra omzet = jaaromzet × conversie-uplift
    • Terugverdientijd = projectkosten / (extra omzet per maand)

    Voorbeeld: Webshop met €4 miljoen omzet. Luma-thema, laadtijd 4.5 seconden. Na Hyva-migratie: 1.8 seconden. Verbetering: 2.7 seconden. Conservatief 50% van 19% uplift = 9.5% extra omzet = €380.000/jaar. Investering Hyva: €40.000-€60.000. Terugverdientijd: onder de 2 maanden.

    Praktisch: wat doe je nu?

  • Meet je situatie. Google PageSpeed Insights op homepage, categoriepagina en productpagina. Noteer de mobiele Lighthouse score en LCP.
  • Audit je apps en plugins. Chrome DevTools Network-tabblad. Identificeer de drie zwaarste externe scripts.
  • Bereken je verlies. Maak de businesscase concreet met bovenstaande tabel.
  • Bepaal de prioriteit. Luma op Magento? Hyva. Veel apps op Shopify? App-audit. Headless? Alleen boven €10 miljoen omzet.
  • Maak een plan. Snelheidsoptimalisatie is geen eenmalig project. Bouw het in je development process in.
  • Wil je weten waar jouw webshop staat? Neem contact op, dan kijken we het samen door.

    Conclusie

    Paginasnelheid is geen technisch vinkje. Het is een direct financieel vraagstuk.

    Elke seconde vertraging kost je gemiddeld 7% conversie. Op een webshop van 5 miljoen euro is dat €350.000 per jaar. De data van Google, Akamai en Amazon is consistent.

    Platforms die structureel traag zijn — zoals Magento met Luma — zijn niet onoplosbaar. Een migratie naar Hyva is voor veel webshops de hoogste ROI-investering van het jaar.

    De vraag is niet óf je moet investeren in snelheid. De vraag is hoelang je het nog uitstelt.

    ---

    Veelgestelde vragen

    Hoeveel impact heeft paginasnelheid echt op conversie?

    De meest geciteerde benchmark is 7% conversieverlies per seconde extra laadtijd. Google en Deloitte vonden dat 100 milliseconden verbetering al 8% meer conversies oplevert. De richting is altijd hetzelfde: sneller is beter.

    Is mijn Shopify-webshop snel genoeg?

    Shopify scoort out-of-the-box 70-85 op Lighthouse. Maar elke app telt mee. Bij 10+ apps zak je snel onder de 60. Doe een audit en meet met PageSpeed Insights.

    Wat is het verschil tussen Magento Luma en Hyva qua snelheid?

    Luma scoort 30-50 op Lighthouse mobiel. Hyva scoort 85-98. Hyva gebruikt Alpine.js en Tailwind CSS in plaats van RequireJS. Voor de meeste Magento-webshops is Hyva de snelste weg naar betere performance.

    Wanneer is headless de juiste keuze?

    Headless levert de hoogste Lighthouse scores, maar ook de hoogste kosten en complexiteit. Wij adviseren headless alleen boven €10 miljoen omzet met een eigen development team.

    Hoe meet ik welke apps mijn laadtijd vertragen?

    Open Chrome DevTools (F12), ga naar het Network-tabblad en filter op "JS". Sorteer op grootte of laadtijd. PageSpeed Insights geeft ook een overzicht onder diagnostics.

    Ruthger Idema

    Geschreven door Ruthger Idema

    15+ jaar ervaring in e-commerce development. Gespecialiseerd in Magento, Shopify en Laravel maatwerk.

    Meer over ons team →
    Deel dit artikel:

    Wil je jouw e-commerce naar het volgende niveau?

    Plan een vrijblijvend gesprek met onze experts over Magento, Shopify of Laravel maatwerk.

    Plan een Tech Check