1De uitdaging
Google gebruikt Core Web Vitals als rankingfactor, en op mobiel bepalen ze of een bezoeker blijft. Wink & See had een specifiek probleem:
- Elementen op de productpagina verschoven tijdens het laden (Cumulative Layout Shift).
- Op mobiel tikten bezoekers op de verkeerde knop doordat de pagina verschoof.
- Die frustratie viel precies op het koopmoment.
- Labscores alleen lieten niet zien wat echte bezoekers ervoeren.
Wat is RUMvision?
RUMvision is een tool voor real user monitoring. In plaats van één labtest meet het de Core Web Vitals bij echte bezoekers, op hun eigen apparaten en verbindingen. Zo zie je welke pagina’s en elementen problemen geven voor echte klanten, en gaan de fixes naar waar ze het meeste opleveren.
2Onze aanpak
We installeerden RUMvision, stelden een prioriteitenrapport op en werkten dat af, van de grootste winst naar beneden.
Geen verspringende layout meer
Ruimte is gereserveerd voor afbeeldingen en dynamische elementen, de header heeft een vaste hoogte en galerijbeelden hebben vaste afmetingen.
Sneller eerste beeld
Topbanners laden met hoge prioriteit, het eerste galerijbeeld verschijnt voordat de carousel klaar is en overzichtsbeelden zijn kleiner.
Minder in de weg
Kritieke CSS staat inline, render-blocking scripts zijn teruggebracht en stijlen voor de checkout laden alleen in de checkout.
Lazy loading
Afbeeldingen buiten de viewport laden pas als ze nodig zijn.
3Het resultaat
Wink & See scoort nu 90+ op de Core Web Vitals, op desktop en op mobiel. De productpagina staat stil tijdens het laden, dus mobiele bezoekers tikken waar ze willen tikken. Minder bounces, betere organische zichtbaarheid in een competitieve optiekmarkt en een soepelere ervaring zie je terug in de meetdata en in klantfeedback.
Lees ook: hoe we met Cloudflare de TTFB verlaagden voor de internationale bezoekers van Maxifleur.
?Veelgestelde vragen over Core Web Vitals
Is Hyvä niet al snel genoeg?
Hyvä geeft een flinke voorsprong op Luma, maar afbeeldingen, externe widgets en layoutkeuzes bepalen de uiteindelijke score. Wink & See had gerichte fixes nodig om elk paginatype in het groen te krijgen.
Wat is CLS en waarom doet het ertoe?
Cumulative Layout Shift meet hoeveel een pagina verschuift tijdens het laden. Een hoge CLS laat bezoekers op het verkeerde element tikken, en dat kost vooral op mobiel.
Waarom meten bij echte bezoekers?
Een labtest laat één apparaat op één verbinding zien. Real user monitoring laat zien wat je echte bezoekers ervaren, zodat je de problemen oplost die je klanten kosten.
Hoe lang duurt het om Core Web Vitals te verbeteren?
Dat hangt af van de webshop. We starten met een meting en een prioriteitenlijst, zodat je vooraf weet welke fixes de meeste winst opleveren.
