Definitie
Core Web Vitals zijn drie Google-metrics voor de ervaring van echte bezoekers: LCP (laden), INP (reactiesnelheid) en CLS (visuele stabiliteit).
Wat zijn Core Web Vitals?
Core Web Vitals zijn de drie metrics waarmee Google meet hoe een pagina aanvoelt voor echte bezoekers. Niet hoe snel je server is in een testomgeving, maar wat een klant op zijn telefoon in de trein ervaart.
De drie metrics en hun grenzen voor 'goed': LCP (Largest Contentful Paint) maximaal 2,5 seconde, INP (Interaction to Next Paint) maximaal 200 milliseconden en CLS (Cumulative Layout Shift) maximaal 0,1. Daarboven zit een zone 'verbetering nodig' en daarna 'slecht': LCP boven 4 seconden, INP boven 500 ms, CLS boven 0,25.
Google beoordeelt op het 75e percentiel. Een pagina slaagt pas als minstens 75 procent van de bezoeken binnen de grens valt. Dat is bewust streng: de oude Android-telefoon op een matige verbinding telt gewoon mee. INP verving in maart 2024 de oudere metric FID (First Input Delay).
Waarom het ertoe doet voor webshops
De eerlijke versie: Core Web Vitals worden door de rankingsystemen van Google gebruikt, maar het is geen signaal dat slechte content redt. Relevantie wint. Bij twee vergelijkbare pagina's kan snelheid wel het verschil maken.
De grotere impact zit in je omzet. Een categoriepagina die traag laadt, een 'In winkelwagen'-knop die verspringt of een filter dat een halve seconde niet reageert, kost conversie. Dat merk je in je kassa, niet in een rapport.
Webshops zijn zwaar. Grote productfoto's, filters, reviewwidgets, chat, tag managers en A/B-testtools strijden allemaal om dezelfde main thread. Elk script van derden is een kleine belasting op INP.
Zo werkt het in Magento, Shopify en Laravel
Magento met het standaard Luma-thema laadt RequireJS, jQuery en Knockout.js. Dat is veel JavaScript voor een productpagina en zie je terug in LCP en INP. Hyvä vervangt die frontend door Alpine.js en Tailwind CSS, met een fractie van de JavaScript. Wij bouwen Hyvä-shops als Hyvä Silver Partner, juist om deze reden.
Shopify regelt hosting en CDN, waardoor de serverkant meestal goed zit. De knelpunten zitten in thema's met veel sections en in apps die eigen scripts injecteren. Een app verwijderen haalt niet altijd de code weg: controleer je theme op achtergebleven snippets.
Bij Laravel-maatwerk heb je volledige controle over HTML, caching en scripts. Dat is een voordeel, zolang iemand die controle ook echt gebruikt.
Meten zonder jezelf voor de gek te houden
Een Lighthouse-score van 95 betekent niet dat je slaagt. Google kijkt naar field data uit CrUX, die je terugziet in Search Console en PageSpeed Insights. Lab-scores zijn handig om te debuggen, niet om te rapporteren.
CrUX geeft je per URL of domein een totaalbeeld, maar vertelt niet welk script of welke interactie het probleem veroorzaakt. Daarvoor gebruik je real user monitoring (RUM). Wij zijn RUMvision Gold Partner en meten bij echte bezoekers per paginatype, apparaat en script waar de tijd heen gaat. Dan weet je welke fix het meeste oplevert, in plaats van te gokken.
Verder lezen
Veelgestelde vragen
Zijn Core Web Vitals een rankingfactor?+
Google gebruikt ze in de rankingsystemen, maar met beperkt gewicht. Goede scores compenseren geen zwakke content. De grootste winst zit meestal in conversie.
Waarom is Lighthouse groen en Search Console rood?+
Lighthouse meet één gesimuleerde laadbeurt. Search Console toont data van echte Chrome-gebruikers over 28 dagen, inclusief trage toestellen en verbindingen.
Hoe snel zie ik een verbetering terug?+
CrUX werkt met een voortschrijdend venster van 28 dagen. Een fix zie je dus geleidelijk binnen enkele weken terug in de field data.