Verhuurwinkel.nl: e-commerce met 0,8 s mobiele LCP

Seppe Gadeyne avatar
14 september 13:55 in Digital Champs Cases

Verhuurwinkel.nl: e-commerce met 0,8 s mobiele LCP

Een e-commercewebsite met een breed verhuurassortiment, een eigen winkelwagen en koppelingen met bedrijfssoftware hoeft geen trage website te zijn. Voor Verhuurwinkel.nl bouwden we een headless webshop waarvan de mobiele homepage een LCP van 0,8 seconde (p75) haalt. De waarde komt uit het Chrome UX Report (CrUX): praktijkmetingen bij Chrome-gebruikers, geen labtest.

Bij Straffe Sites kozen we voor statische Astro-pagina's, een bestelproces op maat en afzonderlijke systemen voor content en bedrijfsbeheer.

De opdracht: een webshop voor verhuur

Verhuurwinkel.nl wilde een gebruiksvriendelijke webshop met een heldere interface, een vlot bestelproces en een zeer snelle laadtijd. De technische SEO moest vanaf de basis goed zitten. Ook moest de website eenvoudig aan te passen zijn voor A/B-tests, zodat varianten in teksten, pagina-indelingen en knoppen gericht vergeleken kunnen worden.

Een geoptimaliseerde zoekfunctie met Meilisearch moet bezoekers helpen het juiste product te vinden, met ondersteuning voor typefouten. Wie een silent disco wil huren of een beamer wil huren, moet vanuit de zoekresultaten vlot kunnen kiezen en verdergaan.

Voor het contentbeheer kozen we Storyblok, met een AI-ready opzet. Via het Model Context Protocol (MCP) kunnen AI-agents het CMS aansturen om content voor te bereiden en bij te werken. Het team houdt daarbij de regie over de inhoud en de publicatie.

Headless e-commerce: een lichte voorkant, gekoppeld beheer

Headless betekent hier dat de zichtbare webshop losstaat van het contentbeheer en het ERP-systeem voor bedrijfsbeheer. API's verbinden die onderdelen en laten ze gegevens uitwisselen. Zo konden we de winkelervaring ontwerpen rond verhuur, in plaats van het verhuurproces in een standaardwebshop te passen.

Statische pagina's met Astro

Astro bouwt het grootste deel van de winkel vooraf op als HTML. Vercel levert die pagina's via zijn CDN, een netwerk voor het verspreiden van websitebestanden. De browser hoeft daardoor niet eerst een volledige webshopapplicatie op te bouwen om de inhoud te tonen.

Die keuze geeft bezoekers snel toegang tot het aanbod en levert crawlbare pagina's voor zoekmachines. Relevante productinformatie en een duidelijke structuur blijven daarbij nodig.

Een eigen winkelwagen en checkout

Voor de winkelwagen en checkout ontwikkelden we eigen functionaliteit. Onze eigen winkelwagenlogica bewaart de winkelwagen lokaal in de browser via localStorage. Zo hoeft er voor deze onderdelen geen compleet shopframework mee te laden.

Maatwerk geeft controle over de bestelervaring en vraagt gerichte tests en onderhoud. De winkelwagen moet ook bij terugkerende bezoeken en wijzigingen in een bestelling begrijpelijk blijven werken.

Content, bedrijfssoftware en zoeken

API-koppelingen verbinden de frontend met het ERP-systeem van de klant en met Storyblok voor het contentbeheer. Voor de zoekfunctie gebruikten we een speciaal ingerichte Meilisearch-index, met ondersteuning voor typefouten in zoekopdrachten.

Deze onderdelen vullen elkaar aan: de productpagina moet snel verschijnen, maar de bezoeker moet het juiste product ook kunnen vinden en begrijpen.

Het resultaat: 0,8 seconde LCP op de mobiele homepage

CrUX, de dataset van Google, bevat praktijkmetingen van Chrome-gebruikers die aan de opnamevoorwaarden voldoen. Die field data laat zien hoe de pagina bij deze gemeten bezoeken presteert, op de gebruikte apparaten en verbindingen.

Voor de mobiele homepage van Verhuurwinkel.nl rapporteert CrUX:

  • LCP op p75: 815 milliseconden, afgerond 0,8 seconde.

  • Gemeten pagina: https://www.verhuurwinkel.nl/.

  • Apparaatcategorie: telefoon.

  • Meetvenster: 16 augustus tot en met 12 september 2026.

  • Bron geraadpleegd: 14 september 2026.

Largest Contentful Paint meet wanneer het grootste zichtbare inhoudselement verschijnt. P75 betekent dat bij minstens 75% van de gemeten paginaladingen die waarde 815 milliseconden of lager was. Het is geen gemiddelde en ook niet de tijd waarin de volledige website klaar is.

Dit cijfer geldt voor de homepage, niet automatisch voor elke productpagina of de checkout. CrUX vertegenwoordigt bovendien niet alle bezoekers of browsers; de API geeft geen exact aantal onderliggende paginaladingen. Voor de bredere opvolging delen we maandelijkse PageSpeed- en Search Console-metingen in onze uitgebreide Verhuurwinkel-case.

Hoe snel moet een webshop zijn voor conversie?

Voor een goede laadervaring adviseert Google een LCP van maximaal 2,5 seconden op p75, afzonderlijk beoordeeld voor mobiel en desktop. De mobiele homepage van Verhuurwinkel.nl zit daar ruim onder. Die grens is een richtlijn voor gebruikerservaring, geen bewezen punt waarop iedere webshop de hoogste conversie haalt.

Een concreet voorbeeld van de commerciële betekenis komt van Vodafones A/B-test uit 2021. Het bedrijf verdeelde betaald verkeer gelijk over twee visueel en functioneel identieke landingspagina's. De technisch geoptimaliseerde variant had een 31% lagere LCP en leverde 8% meer verkopen op.

Dit is een resultaat van Vodafone, geen gemeten conversiewinst van Verhuurwinkel.nl. Die laatste claim vraagt eigen besteldata en een geschikte vergelijking. Het onderzoek geeft wel een goede reden om snelheid vanaf het ontwerp mee te nemen, zonder één laadtijd als universeel conversie-optimum voor te stellen.

Ook een webshop met eigen spelregels?

Wil je een complexe webshop laten maken, bijvoorbeeld voor verhuur of een assortiment met bijzondere bestelregels? We bekijken waar een bestaand platform volstaat en waar maatwerk zinvol is. Seppe is je vaste aanspreekpunt, met het team voor ontwerp, ontwikkeling en kwaliteitscontrole.

0 reacties

Terug naar Digital Champs Cases
Website created and supported by Starring Jane & Procurios
Sluiten