Repareer je Shopify Core Web Vitals: een praktische gids voor winkeleigenaars

Als je de Core Web Vitals van je winkel tot nu toe hebt genegeerd, is het moment voorbij waarop je dat schuldvrij kon doen. Core Web Vitals spelen nu een directe rol in SEO en of je winkel wel of niet in de zoekresultaten verschijnt. En de cijfers spreken duidelijk: volgens de 2025 Web Almanac haalt 48% van de mobiele websites nu alle drie Core Web Vitals, een stijging van 44% in 2024 en 36% in 2023. De lat wordt elk kwartaal hoger gelegd. Als je winkel deze lat niet haalt, verlies je terrein op concurrenten die dat wel doen.

Waarop je eigenlijk wordt gemeten

In 2026 gebruikt Google LCP, INP en CLS als de drie Core Web Vitals-metrieken. De drempels blijven ongewijzigd: LCP onder 2,5 seconden, INP onder 200 milliseconden, CLS onder 0,1. Wat wel is veranderd, is hoe Google de gegevens achter deze scores weegt. Google heeft het gewicht van echte gebruikersgegevens (CrUX) ten opzichte van labgegevens in rankingbeslissingen verhoogd. Voor Shopify-winkels betekent dit dat de werkelijke mobiele gebruikerservaring meer telt dan synthetische testscores.

Dit is een cruciaal onderscheid. Shopify's Speed Score in het admin dashboard is gebaseerd op Lighthouse-labgegevens van een enkele gesimuleerde bezoek. Core Web Vitals in Google Search Console gebruiken veldgegevens van echte Chrome-gebruikers over een voortschrijdend venster van 28 dagen. Deze getallen kunnen aanzienlijk verschillen omdat echte gebruikers andere apparaten, netwerksnelheden en interactiepatronen hebben dan de Lighthouse-simulatie.

Het goede nieuws: vanaf december 2025 zijn LCP en INP nu beschikbaar als "Baseline Newly Available" in alle grote browsers: Chrome, Firefox, Safari en Edge. Dit betekent dat Real User Monitoring (RUM) tools nu CWV-gegevens kunnen verzamelen van vrijwel alle bezoekers, niet alleen Chrome-gebruikers. Dit is een belangrijke verschuiving voor winkels met veel iOS-verkeer.

De bedrijfscase (in duidelijke getallen)

Voordat we ingaan op de oplossingen, hier is waarom dit je tijd waard is. Google-gegevens tonen aan dat een vertraging van 1 seconde de conversies met tot 7% vermindert, en 53% van mobiele bezoekers verlaat pagina's die langer dan 3 seconden duren om te laden. Shopify's eigen team heeft dit op grote schaal gevalideerd: ze analyseerden de relatie tussen de drie Core Web Vitals en conversie in actief verkopende Shopify-winkels, deelden alle sites in performancebuckets in gedurende een periode van 28 dagen rond de wisseling van januari en februari 2026, en keken vervolgens naar de relatie tussen geaggregeerde prestaties en mediane conversiesnelheid van winkels in elke bucket. Het resultaat: groeiende winkels zien een sterke relatie tussen snelheid en conversie. Naarmate winkels groeien, voegen ze apps, aanpassingen en integraties toe, die elk potentieel de prestaties beïnvloeden, en het cumulatieve effect van deze toevoegingen wordt zichtbaar in de gegevens.

Voor Shopify-bedrijven zal het prioriteren van verbeteringen in LCP en INP waarschijnlijk een groter effect op je inkomsten hebben dan het najagen van een perfecte CLS-score.

De grootste snelheidskiller op Shopify

1. App-bloat (het nummer een schuldige)

Bloat van JavaScript-scripts van derden vanuit apps blijft de belangrijkste oorzaak van het mislukken van Core Web Vitals. De wiskunde is genadeloos: een nieuwe Shopify-app voegt gemiddeld 50 tot 150 KB JavaScript toe aan elke paginabezoek. Voor een winkel die net op de LCP-drempel staat (2,3 tot 2,5 seconden), kan een enkele app-installatie het voorbij die drempel duwen.

De reparatie is niet glamoureus maar effectief. Audit je apps door ze een voor een uit te schakelen en het effect op INP en LCP in PageSpeed Insights te meten. Verwijder apps die je niet meer gebruikt, en controleer je themabeste sanden op restcode van eerder verwijderde apps.

2. Je Hero-afbeelding en LCP

De "Goed"-drempel van Google voor LCP ligt onder 2,5 seconden. Voor Shopify-winkels is dit meestal de hero-afbeelding of de bovenkant van de pagina productfoto. De meest voorkomende fout die ik zie: lazy-loading van die hero-afbeelding. Lazy-load nooit de LCP-afbeelding. Lazy-loading van je LCP-afbeelding zal je LCP-score beschadigen omdat de browser het laden van het element dat bepaalt wanneer de pagina "geladen" lijkt te zijn voor de gebruiker, vertraagt. Gebruik loading="eager" of laat het attribuut helemaal weg voor hero-afbeeldingen boven de vouw.

Controleer ook de afmetingen van afbeeldingen voordat je ze uploadt. Afbeeldingen vormen meestal 27% van het totale paginagewicht. Niet-geoptimaliseerde productfoto's, banners en lifestyle-afbeeldingen zijn de eerste schuldige achter trage Shopify-winkels.

3. INP: de metriek die de meeste winkels over het hoofd zien

Google verving First Input Delay (FID) officieel in maart 2024 met INP als Core Web Vital. INP meet niet alleen de eerste klik. INP heeft FID volledig overgenomen en meet nu elke interactie gedurende de sessie, niet alleen de eerste klik.

Voor Shopify-winkels is de meest voorkomende INP-schuldige JavaScript die op de hoofdthread draait. Zware JavaScript, algemeen in Shopify-thema's en apps, is de primaire schuldige voor slechte INP-scores. De praktische oplossing: laad eerst kritieke inhoud, verbeter daarna progressief. Laad eerst kritieke inhoud om laadprestaties te ondersteunen, en verbeter daarna progressief met JavaScript. Gebruik code-splitting zodat gebruikers alleen laden wat ze nodig hebben, en houd de hoofdthread vrij voor interacties.

INP wordt ook genadeloos blootgesteld op mobiel. In 2026 maakt mobiele commerce het merendeel uit van ecommerce-transacties wereldwijd. Mobiele apparaten hebben de neiging aanzienlijk minder verwerkingskracht te hebben dan desktopcomputers, waardoor ze veel gevoeliger zijn voor slechte INP-scores.

4. CLS: het layout shift-probleem

Cumulative Layout Shift meet visuele stabiliteit. Als elementen verschuiven terwijl de pagina laadt, heeft je CLS-score eronder te lijden. Een "Goed" score is onder 0,1. Afbeeldingen zonder grootte, laat geladen lettertypen en dynamische banners zijn veelvoorkomende Shopify-schuldigen. Declareer altijd expliciete breedtie- en hoogte-attributen op elke afbeeldingstag zodat de browser ruimte reserveert voordat de afbeelding laadt.

Veranderingen op platformniveau die het weten waard zijn

Twee recente Shopify-updates hebben direct invloed op je prestatiesstrategie.

CSS-scoping per pagina (april 2026): In april 2026 voerde Shopify CSS-scoping per pagina uit zodat thema's alleen de CSS voor secties die werkelijk op elke pagina worden weergegeven, leveren, in plaats van elke stylesheet op elke paginabezoek te serveren. Die kleine verbeteringen stapelen zich op tot merkbaar snellere pagina's en een meetbare lift in conversiesnelheden.

Het Horizon-themafundament (zomer 2025): Shopify's Horizon-thema is de meest significante themavrijgave sinds Dawn. Gelanceerd op Summer Editions 2025, vertegenwoordigt het een fundamentele verschuiving in hoe Shopify-thema's worden gebouwd, met diepere blokken nesting, branchespecifieke presets, native AI-blokgeneratie en een mobiel-first architectuur. Het prestatiesverhaal op Horizon verbetert actief. Horizon heeft sinds de lancering ongeveer 5 mobiele PageSpeed-punten per kwartaal gewonnen, terwijl Dawn vlak is geweest (het is volwassen). Als je op Horizon bent, houd het thema up-to-date en schakel de ingebouwde animaties onder Theme Settings uit om betekenisvolle PageSpeed-punten terug te krijgen. Het uitschakelen van animaties alleen geeft ongeveer 10 PageSpeed-punten terug.

Naast het thema zelf bevat Shopify nu een meer gedetailleerd prestatiedashboard in het admin, met een uitsplitsing van metrieken zoals LCP en INP per pagina. Gebruik het. Het geeft echte gebruikersgegevens weer, geen gesimuleerde scores.

Je monitoringworkflow

Prestaties zijn geen eenmalig project. Elke app die je installeert, elk marketingtag dat je toevoegt, elke themaverandering die je maakt, is een prestatiesbeslissing. De winkels die winnen op snelheid behandelen prestaties als een voortgaande discipline, niet als een kwartaalse noodgeval.

Hier is de minimale monitoringstack die ik aanbeveel:

• Shopify's Web Performance dashboard (Online Store admin): Shopify's ingebouwde Web Performance Reports geven je een handelaarsvriendelijk overzicht van de prestaties van je winkel in alle belangrijke paginatypes. In tegenstelling tot PageSpeed Insights, die een URL tegelijk test, verzamelt Shopify's rapport gegevens van je startpagina, productpagina's en collectiepagina's tegelijk.
• Google Search Console (Core Web Vitals report): Toont veldgegevens in je hele winkel van echte Chrome-gebruikers over een venster van 28 dagen.
• Google PageSpeed Insights: Het rapporteert alle drie Core Web Vitals met pass/fail-status en specifieke verbeteringskansen met geschatte tijdbesparing. Test je startpagina EN je belangrijkste productpagina, want ze hebben vaak heel verschillende scores.

Voer een controle uit na elke app-installatie, themavijziging en grote campagnelancering. Prestatiesverschillingen op Shopify worden vrijwel altijd veroorzaakt door iets dat onlangs is toegevoegd. Monitoringgegevens tonen aan dat de meest voorkomende oorzaak van Shopify CWV-regressie een nieuwe app-installatie is die JavaScript wereldwijd injecteert.

Snelle winsten checklist

Als je je winkel vandaag wilt sorteren, begin hier:

• Audit geïnstalleerde apps, verwijder alles wat je niet gebruikt, en controleer op restcode uit themabeste sanden van verwijderde apps
• Stel loading="eager" in op je hero/LCP-afbeelding; gebruik loading="lazy" alleen op afbeeldingen onder de vouw
• Voeg expliciete width en height attributen toe aan alle <img> tags om layout shifts te voorkomen
• Vervang startpagina-carousels en autoplay GIF's door een enkele statische hero-afbeelding
• Defer of async alle niet-kritieke JavaScript; consolideer trackingpixels in Google Tag Manager
• Comprimeer productafbeeldingen tot onder 200 KB voordat je ze uploadt (WebP-indeling waar mogelijk)
• Houd je thema (Horizon of Dawn) op de nieuwste versie om optimalisaties op platformniveau op te pikken
• Controleer je CWV-scores in Google Search Console minstens eenmaal per maand

Niets hiervan vereist een groot budget. Het meeste vereist discipline: elke nieuwe app-installatie behandelen als een prestatiesafweging, niet alleen een featurebeslissing.

---

Alle CWV-gegevens in dit bericht weerspiegelen openbaar beschikbare bronnen uit 2025 en 2026. Gebruik Google PageSpeed Insights en Shopify's Web Performance dashboard als je primaire meettools.