Core Web Vitals in 2026: wat telt voor e-commerce?

# Core Web Vitals in 2026: wat telt voor e-commerce?

53% van de mobiele gebruikers verlaat een pagina die langer dan 3 seconden laadt. Dat is Google's eigen data uit de Chrome User Experience Report. Voor een webshop met 10.000 bezoekers per maand betekent een trage laadtijd tienduizenden euro's omzetderving per jaar.

Core Web Vitals zijn Google's manier om paginasnelheid te meten op een manier die aansluit bij wat gebruikers daadwerkelijk ervaren. In 2024 veranderde Google de metrics ingrijpend. In 2026 zijn die veranderingen volledig doorgedrongen in rankings en tooling — maar veel webshops meten nog steeds de verkeerde dingen.

Wat zijn de drie Core Web Vitals in 2026?

Elke metric meet een ander aspect van gebruikerservaring. Je hebt alle drie nodig.

LCP — Largest Contentful Paint

LCP meet hoe snel het grootste zichtbare element op de pagina inlaadt. Voor een productpagina is dit bijna altijd de productafbeelding.

Drempelwaarden:

• Goed: onder 2,5 seconden
• Verbetering nodig: 2,5 tot 4,0 seconden
• Slecht: boven 4,0 seconden

Wij zien bij Magento-shops met het Luma-thema regelmatig LCP-scores van 5 tot 8 seconden op mobiel.

INP — Interaction to Next Paint

INP verving FID (First Input Delay) in maart 2024 als officiële Core Web Vital. Dit is de meest ingrijpende wijziging in jaren.

FID mat alleen de vertraging bij de *eerste* interactie. INP meet de responsiviteit bij *alle* interacties gedurende het hele bezoek. Klik op een filter, voeg een product toe aan de winkelwagen, open een accordion: INP registreert de traagste.

Drempelwaarden:

• Goed: onder 200 milliseconden
• Verbetering nodig: 200 tot 500 milliseconden
• Slecht: boven 500 milliseconden

Voor e-commerce is INP kritiek bij de checkout-flow, filters en de "Toevoegen aan winkelwagen"-knop.

CLS — Cumulative Layout Shift

CLS meet hoe stabiel de pagina-layout is tijdens het laden. Ken je dat moment waarop een knop verschuift net als je erop wilt klikken? Dat is CLS.

Drempelwaarden:

• Goed: onder 0,1
• Verbetering nodig: 0,1 tot 0,25
• Slecht: boven 0,25

Webshops hebben hier specifieke uitdagingen: banners die asynchroon laden, cookie-notificaties die content wegduwen, en afbeeldingen zonder vaste dimensies.

Impact op rankings: wat Google's data werkelijk zegt

Hier zijn we eerlijk: Core Web Vitals zijn een *tiebreaker*, geen dominante rankingfactor.

Google bevestigde dit in de CWV-documentatie op web.dev: technische pagina-ervaring geeft een kleine boost, maar sterke content wint altijd van snelle content zonder relevantie.

In competitieve markten — elektronica, mode, huishouden — kan een betere CWV-score het verschil zijn tussen positie 3 en positie 1.

De werkelijke impact: conversie

Hier wordt het interessant. Google en Deloitte's onderzoek toont een directe relatie tussen snelheid en conversie:

• 0,1 seconde sneller laden resulteert in 8% meer conversie voor retail
• 1 seconde vertraging kost e-commerce gemiddeld 7% conversie
• Mobiele gebruikers verlaten een trage pagina 3x sneller dan desktopgebruikers

Voor een webshop met €500.000 jaaromzet betekent 7% verlies €35.000 per seconde vertraging. De business case voor CWV-optimalisatie schrijft zichzelf.

Platform vergelijking: Shopify, Magento 2 en headless

Shopify

Shopify scoort out-of-the-box redelijk op LCP en CLS. De meeste thema's halen Lighthouse-scores van 60-80 op mobile.

Maar Shopify-stores met veel third-party apps zien INP snel verslechteren. Wij zien regelmatig INP-scores boven 400ms zodra er meer dan vijf apps actief zijn.

Magento 2 — Luma vs. Hyva

Dit is waar het grootste verschil zit.

Magento 2 met Luma: Lighthouse-scores van 20 tot 50 op mobile zijn normaal. Luma is gebouwd op RequireJS — een zware JavaScript-architectuur uit 2015.

Magento 2 met Hyva: Een compleet ander verhaal. Hyva vervangt de volledige frontend-stack door Alpine.js en TailwindCSS. Minder dan 10% van de JavaScript-bundel van Luma. Lighthouse-scores van 85 tot 98 op mobile.

Wij zijn Hyva Certified en zien dit verschil dagelijks bij Magento-projecten. Een webshop die van Luma naar Hyva migreert, gaat typisch van een LCP van 7 seconden naar 2,1 seconde.

Headless / composable commerce

Met Next.js, Astro of vergelijkbare frameworks zijn Lighthouse-scores van 95+ haalbaar. De keerzijde: complexiteit en kosten. Voor middelgrote shops is Hyva de pragmatische oplossing.

Voor maatwerk bouwen wij ook Laravel-gebaseerde oplossingen waarbij we de volledige stack controleren.

Praktische optimalisatie-checklist per platform

Universeel (alle platforms)

• Afbeeldingen in WebP- of AVIF-formaat
• Lazy loading voor afbeeldingen buiten de viewport
• Expliciete width/height attributes op alle img-elementen (voorkomt CLS)
• Critical CSS inline in de
• Third-party scripts defer/async laden

Shopify

• App-inventarisatie: verwijder apps die niet actief worden gebruikt
• Render-blocking scripts in theme.liquid aanpakken
• Vermijd zware sliders en carousels op de homepage

Magento 2 met Luma

• Full Page Cache activeren en correct configureren
• Varnish voor server-side caching
• Overweeg migratie naar Hyva voor structurele verbetering

Magento 2 met Hyva

• Hyva scoort al goed; focus op derde-partij widgets
• Hyva-compatibele extensies kiezen
• Images via Hyva's image-resize mechanisme serveren

Veelgemaakte fouten

1. Optimaliseren voor Lighthouse-score, niet voor gebruikers. Lighthouse draait in een gecontroleerde labomgeving. Gebruik CrUX-data als leidende metric.

2. CLS vergeten bij dynamische content. Cookie-banners en promotie-banners die asynchroon laden zijn klassieke CLS-boosdoeners. Reserveer altijd ruimte via CSS min-height.

3. INP negeren. Veel teams hebben LCP en CLS opgelost maar INP nooit gemeten. INP vraagt een andere aanpak: JavaScript-executie reduceren, long tasks opsplitsen.

4. Alleen desktop meten. Mobile Lighthouse-scores zijn representatiever. Wij zien regelmatig shops met desktop-score 90 en mobile-score 35.

Conclusie

Core Web Vitals zijn in 2026 een volwassen meetsysteem. De impact op conversie is empirisch onderbouwd. Een seconde sneller laden is geen technische exercitie — het is directe omzet.

Per platform: Shopify vereist app-discipline, Magento met Luma vereist Hyva, en headless geeft maximale controle.

Wil je weten hoe jouw webshop scoort? Neem contact op — wij analyseren je CWV-data en geven eerlijk advies.

---

Veelgestelde vragen

Wat is het verschil tussen INP en FID?

FID mat de vertraging bij alleen de eerste gebruikersinteractie. INP meet de responsiviteit bij alle interacties gedurende het volledige bezoek. Google verving FID door INP in maart 2024 omdat INP een realistischere maatstaf is.

Hoe zwaar wegen Core Web Vitals in Google's ranking?

Core Web Vitals zijn een confirmed rankingfactor, maar fungeren als tiebreaker. Relevantie en content wegen zwaarder. In competitieve markten kan een betere CWV-score de doorslag geven.

Wat is een realistische Lighthouse-score voor Magento 2 met Hyva?

Met Hyva zijn scores van 85 tot 98 op mobile haalbaar. Ter vergelijking: Luma scoort typisch 20 tot 50. Het verschil is het gevolg van Hyva's fundamenteel andere JavaScript-architectuur.

Welke tool geeft de meest betrouwbare CWV-data?

Chrome UX Report (CrUX) en het Core Web Vitals-rapport in Google Search Console. Die zijn gebaseerd op echte bezoekersdata. Lighthouse is nuttig voor diagnose, maar niet representatief voor alle gebruikers.

Mijn Lighthouse-score is 95 maar mijn CrUX-data is slecht. Hoe kan dat?

Lighthouse draait zonder cookies, ingelogde staat of third-party content. Echte bezoekers hebben een chatwidget, cookiebanner en tracking scripts. Test altijd in een realistische omgeving en gebruik CrUX als leidende metric.