Repareer je Shopify Core Web Vitals: een praktische gids voor winkeliers
De helft van Shopify-winkels faalt nog steeds op Core Web Vitals op mobiel. Dit zijn precies de dingen om te fixen voor LCP, INP en CLS om hoger te ranken
Als je Core Web Vitals van je winkel tot nu toe negeerde, dan is het moment om daar schuldeloos mee door te gaan voorbij. Core Web Vitals spelen nu een directe rol in SEO en of je winkel rankt of wordt begraven. En de cijfers zijn duidelijk: volgens de 2025 Web Almanac haalt nu 48% van mobiele websites alle drie Core Web Vitals, omhoog van 44% in 2024 en 36% in 2023. De lat wordt elk kwartaal hoger. Als je winkel erover heen springt, verlies je terrein aan concurrenten die dat wel doen.
Waar je eigenlijk op wordt gemeten
In 2026 gebruikt Google nog steeds LCP, INP en CLS als de drie Core Web Vitals-metrieken. De drempels blijven onveranderd: LCP onder 2,5 seconden, INP onder 200 milliseconden, CLS onder 0,1. Wat is veranderd, is hoe Google de data achter die scores weegt. Google heeft het gewicht van velddata van echte gebruikers (CrUX) sterker gewogen dan labdata in rankingbeslissingen. Voor Shopify-winkels betekent dit dat de echte mobiele gebruikerservaring meer uitmaakt dan synthetische testscores.
Dit is een cruciaal onderscheid. Shopify's Speed Score in het admin-dashboard is gebaseerd op Lighthouse-labdata van een enkele gesimuleerde bezoek. Core Web Vitals in Google Search Console gebruiken velddata van echte Chrome-gebruikers over een 28-daags rouleervenster. Deze getallen kunnen aanzienlijk verschillen omdat echte gebruikers andere apparaten, netwerksnelheden en interactiepatronen hebben dan de Lighthouse-simulatie.
Het goed nieuws: sinds december 2025 zijn LCP en INP nu "Baseline Newly Available" in alle grote browsers: Chrome, Firefox, Safari en Edge. Dit betekent dat Real User Monitoring (RUM)-tools nu CWV-data kunnen verzamelen van vrijwel alle je bezoekers, niet alleen Chrome-gebruikers. Dat is een betekenisvol verschil voor winkels met veel iOS-verkeer.
Core Web Vitals in een oogopslag: alle drie metrieken vergeleken
| Metriek | Wat het meet | "Goed"-drempel | Meest voorkomende Shopify-schuldige |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Hoe snel het grootste element boven de fold laadt (meestal de hero-afbeelding) | Onder 2,5 seconden | Lazy-loaded hero-afbeelding, niet-gecomprimeerde productfoto's |
| INP (Interaction to Next Paint) | Responsiviteit van elke gebruikersinteractie in de volledige sessie | Onder 200 milliseconden | Zware JavaScript van apps die op de main thread draaien |
| CLS (Cumulative Layout Shift) | Visuele stabiliteit, hoeveel pagina-elementen verschuiven tijdens het laden | Onder 0,1 | Niet-begrensd afbeeldingen, laat-laden lettertypen, dynamische banners |
De zaaksargumenten (in duidelijke getallen)
Voordat we in de fixes duiken, dit is waarom het je tijd waard is. Google-data tonen aan dat een vertraging van 1 seconde conversies met tot 7% verlaagt, en 53% van mobiele bezoekers verlaat pagina's die langer dan 3 seconden laden. Shopify's eigen team valideerde dit op schaal: ze analyseerden de relatie tussen de drie Core Web Vitals en conversie in actief-verkopende Shopify-winkels, verdeelden alle sites in prestatiebakken gedurende een 28-daagse periode rond januari en februari 2026, en bekeken vervolgens de relatie tussen geaggregeerde prestatie en mediane conversietarief van winkels in elk bakje. Het resultaat: groeiende winkels zien een sterke relatie tussen snelheid en conversie. Naarmate winkels schalen, voegen ze apps, aanpassingen en integraties toe, elk potentieel gevolgen voor prestaties, en het cumulatieve effect van deze toevoegingen wordt zichtbaar in de data.
Voor Shopify-bedrijven zal het prioriteren van LCP- en INP-verbeteringen waarschijnlijk een groter effect hebben op je bottom line dan jagen op een perfecte CLS-score.
De grootste snelheidsmoordenaars op Shopify
1. App Bloat (de nummer-een schuldige)
Bloat van third-party scripts van apps blijft de nummer-een oorzaak van falen aan Core Web Vitals. De wiskunde is genadeloos: gemiddeld voegt een nieuwe Shopify-app 50 KB tot 150 KB JavaScript toe aan elke paginalaad. Voor een winkel die precies op de LCP-drempel staat (2,3 tot 2,5 seconden), kan een enkele app-installatie het over de rand duwen.
De fix is weinig glorieus 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 themabest op leftover-code van eerder verwijderde apps.
2. Je Hero-afbeelding en LCP
Google's "Goed"-drempel voor LCP is onder 2,5 seconden. Voor Shopify-winkels is dit meestal de hero-afbeelding of de productfoto boven de fold. De meest voorkomende fout die ik zie: die hero-afbeelding lazy-loaden. Never lazy-load de LCP-afbeelding. Lazy-loading van je LCP-afbeelding schaadt je LCP-score omdat de browser het laden van precies het element dat bepaalt wanneer de pagina "geladen" is voor de gebruiker, vertraagt. Gebruik loading="eager" of laat het attribuut helemaal weg voor afbeeldingen boven de fold.
Controleer ook afbeeldingsdimensies voor het uploaden. Afbeeldingen maken meestal 27% van het totale paginagewicht uit. Niet-geoptialiseerde productfoto's, banners en lifestyle-afbeeldingen zijn de nummer-een schuldige achter trage Shopify-winkels.
3. INP: de metriek die de meeste winkels negeren
Google vervolgde First Input Delay (FID) officieel door INP als Core Web Vital in maart 2024. INP meet niet zomaar de eerste klik. INP heeft FID volledig overgenomen en meet nu elke interactie in de sessie, niet zomaar de eerste klik.
Voor Shopify-winkels is de meest voorkomende INP-overtreder JavaScript die op de main thread draait. Zware JavaScript, gebruikelijk in Shopify-thema's en apps, is de primaire schuldige voor slechte INP-scores. De praktische fix: laad kritieke inhoud eerst, verbeter dan progressief. Laad kritieke inhoud eerst ter ondersteuning van laadprestaties, verbeter dan progressief met JavaScript. Gebruik code splitting zodat gebruikers alleen laden wat ze nodig hebben, en houd de main thread vrij voor interacties.
INP wordt ook wreedaardig blootgesteld op mobiel. In 2026 maakt mobiele handel de meerderheid van e-commerce-transacties wereldwijd uit. Mobiele apparaten hebben doorgaans aanzienlijk minder verwerkingskracht dan desktopcomputers, wat ze veel gevoeliger maakt voor slechte INP-scores.
4. CLS: het layout-shift-probleem
Cumulative Layout Shift meet visuele stabiliteit. Als elementen rond springen terwijl de pagina laadt, lijdt je CLS-score. Een "Goed"-score is onder 0,1. Niet-begrensd afbeeldingen, laat-laden lettertypen en dynamische banners zijn veel voorkomende Shopify-offenders. Geef altijd expliciete breedte- en hoogte-attributen op elke afbeeldingstag zodat de browser ruimte reserveert voordat de afbeelding laadt.
Wijzigingen op platformniveau die het weten waard zijn
Twee recente Shopify-updates beïnvloeden je prestatiestraategie rechtstreeks.
CSS-scoping per pagina (april 2026): In april 2026 rolde Shopify CSS-scoping per pagina uit zodat thema's alleen de CSS leveren voor secties die daadwerkelijk op elke pagina worden weergegeven, in plaats van elke stylesheet op elke paginalaad te serveren. Die minuscule verbeteringen stapelen zich op tot merkbaar snellere pagina's en een meetbare stijging van conversiepercentages.
De Horizon-themafundatie (zomer 2025): Shopify's Horizon-thema is de meest betekenisvol themareleasing sinds Dawn. Gelanceerd op Summer Editions 2025, vertegenwoordigt het een fundamentale verschuiving in hoe Shopify-thema's zijn gebouwd, met dieper blokkenesting, industrie-specifieke presets, native AI-blokgeneratie en een mobiel-first-architectuur. Het performancelaatje 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 bijgewerkt en schakel de ingebouwde animaties uit onder Theme Settings om betekenisvolle PageSpeed-punten terug te halen. Alleen animaties uitschakelen haalt ongeveer 10 PageSpeed-punten terug.
Buiten het thema zelf bevat Shopify nu een meer gedetailleerde prestatiesdashboard in het admin, met een onderverdeling van metrieken als LCP en INP per pagina. Gebruik het. Het oppervlakt velddata van echte gebruikers, niet gesimuleerde scores.
Je monitorbewerkingsflow
Prestatie is geen eenmalig project. Elke app die je installeert, elke marketingtag die je toevoegt, elke themaverandering die je maakt is een prestatiebeslissing. De winkels die winnen op snelheid behandelen prestatie als een voortgaande discipline, niet als een kwartaalcrisis.
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 handelsgebruiker-vriendelijk overzicht van je winkelsprestaties in alle belangrijke paginatypen. In tegenstelling tot PageSpeed Insights, die één URL tegelijk test, totaliseert Shopify's rapport data in je startpagina, productpagina's en collectiepagina's tegelijk.
- Google Search Console (Core Web Vitals-rapport): toont velddata in je hele winkel van echte Chrome-gebruikers over een 28-daags venster.
- Google PageSpeed Insights: het rapporteert alle drie Core Web Vitals met pass/fail-status en specifieke verbeteringsmogelijkheden met geschatte tijdsbesparing. Test je startpagina EN je belangrijkste productpagina, omdat die vaak zeer verschillende scores hebben.
Voer een controle uit na elke app-installatie, themaubiquering en grote campagnestart. Prestatiesregressies op Shopify worden bijna altijd veroorzaakt door iets dat onlangs is toegevoegd. Monitoringdata tonen aan dat de meest voorkomende oorzaak van Shopify CWV-regressie een nieuwe app-installatie is die JavaScript wereldwijd injecteert.
Snelle-winst-checklist
Als je je winkel vandaag wilt sorteren, begin hier:
- Audit geinstaleerde apps, verwijder alles ongebruikt en controleer op leftover-themcode van verwijderde apps
- Stel
loading="eager"in op je hero/LCP-afbeelding; gebruikloading="lazy"alleen op afbeeldingen onder de fold - Voeg expliciete
width- enheight-attributen toe aan alle<img>-tags om layout-shifts te voorkomen - Vervang startpagina-carrousels 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 voor het uploaden (WebP-indeling waar mogelijk)
- Houd je thema (Horizon of Dawn) in de nieuwste versie om platformniveau-optimalisaties op te pikken
- Controleer je CWV-scores in Google Search Console minstens eenmaal per maand
Dit vereist geen groot budget. Het meeste ervan vereist discipline: elke nieuwe app-installatie behandelen als een prestatieafweging, niet zomaar een functie-beslissing.
Alle CWV-data in dit bericht weerspiegelen openbaar beschikbare 2025- en 2026-bronnen. Gebruik Google PageSpeed Insights en Shopify's Web Performance-dashboard als je primaire meetinstrumenten.
Veelgestelde vragen
Wat zijn de doorgaande drempels voor Shopify Core Web Vitals in 2026?
Google's drempels zijn niet veranderd: LCP moet onder 2,5 seconden zijn, INP onder 200 milliseconden en CLS onder 0,1. Dit geldt voor velddata verzameld van echte gebruikers, niet zomaar labscores van PageSpeed Insights.
Waarom ziet mijn Shopify Speed Score in het admin er goed uit maar falen mijn Google Core Web Vitals?
Shopify's admin Speed Score is gebaseerd op een enkele gesimuleerde Lighthouse-test. Google's Core Web Vitals-rapport in Search Console gebruikt velddata van echte Chrome-gebruikers over een 28-daags rouleervenster, op veel apparaten en netwerktoestanden. Deze twee gegevensbronnen produceren bijna altijd verschillende getallen.
Hoe vaak moet ik de Core Web Vitals van mijn Shopify-winkel controleren?
Controleer na elke app-installatie, themaubiquering of grote promotioncampagne. Prestatiesregressies op Shopify worden bijna altijd veroorzaakt door iets dat onlangs is toegevoegd of veranderd, dus monitoring na elke wijziging vangt problemen op voordat ze rankings of conversies beïnvloeden.