Core Web Vitals
Google's metrieken voor gebruikerservaring: laadsnelheid, interactiviteit en visuele stabiliteit.
Core Web Vitals zijn drie metrieken die Google gebruikt om de gebruikerservaring van een webpagina te meten. Ze zijn sinds 2021 een officiële rankingfactor.
De drie metrieken
LCP (Largest Contentful Paint): meet hoe snel het grootste zichtbare element laadt. Doel: onder 2,5 seconden.
INP (Interaction to Next Paint): meet hoe responsief de pagina reageert op gebruikersinteractie. Doel: onder 200 milliseconden. INP verving FID in maart 2024.
CLS (Cumulative Layout Shift): meet hoeveel de lay-out verspringt tijdens het laden. Doel: onder 0,1.
Core Web Vitals en AI
Snelle, stabiele websites worden beter gecrawld door zowel zoekmachines als AI-bots. Een goede technische basis is een voorwaarde voor optimale zichtbaarheid in alle kanalen.
Drempelwaarden
| Metriek | Goed (groen) | Verbetering nodig (oranje) | Slecht (rood) |
|---|---|---|---|
| LCP (Largest Contentful Paint) | ≤ 2,5 seconden | 2,5 – 4,0 seconden | > 4,0 seconden |
| INP (Interaction to Next Paint) | ≤ 200 milliseconden | 200 – 500 milliseconden | > 500 milliseconden |
| CLS (Cumulative Layout Shift) | ≤ 0,1 | 0,1 – 0,25 | > 0,25 |
Optimalisatietips per metriek
LCP optimaliseren
- Afbeeldingen: gebruik moderne formaten (WebP, AVIF), stel expliciete breedte en hoogte in, gebruik
loading="eager"enfetchpriority="high"voor het LCP-element. - Server: verlaag Time to First Byte (TTFB) door caching, CDN en snellere hosting. Overweeg edge computing.
- Fonts: gebruik
font-display: swapofoptional. Preload kritieke fonts met<link rel="preload">. - CSS: inline kritieke CSS en laad de rest asynchroon. Verwijder ongebruikte CSS.
- Render-blocking resources: verplaats niet-kritieke JavaScript naar
deferofasync.
INP optimaliseren
- JavaScript: splits lange taken op in kleinere chunks met
requestIdleCallbackofscheduler.yield(). - Event handlers: houd event handlers licht. Vermijd synchrone DOM-manipulatie in click/input handlers.
- Third-party scripts: laad tracking en analytics asynchroon. Overweeg een tag manager met lazy loading.
- Framework-overhead: vermijd onnodige re-renders (React: useMemo, useCallback; Vue: computed properties).
CLS optimaliseren
- Afbeeldingen en video: stel altijd expliciete
widthenheightattributen in, of gebruik CSSaspect-ratio. - Webfonts: reserveer ruimte met
font-display: optionalofsize-adjustin@font-face. - Dynamische content: reserveer ruimte voor advertenties, embeds en lazy-loaded elementen met CSS
min-height. - Animaties: gebruik alleen
transformenopacityvoor animaties. Vermijd animaties opwidth,heightoftop.
Meettools
| Tool | Type data | Gratis | Bijzonderheden |
|---|---|---|---|
| PageSpeed Insights | Lab + velddata (CrUX) | Ja | Combineert Lighthouse-scores met echte gebruikersdata |
| Google Search Console | Velddata (CrUX) | Ja | Toont CWV-status per pagina en rapporteert problemen |
| Chrome DevTools (Lighthouse) | Lab data | Ja | Lokale test, handig voor debugging maar geen echte gebruikersdata |
| WebPageTest | Lab data | Ja (basis) | Geavanceerde filmstrip, waterfall en vergelijking van runs |
| Chrome UX Report (CrUX) | Velddata | Ja (BigQuery) | Ruwe dataset, 28-daags rollend gemiddelde, per origin |
| web-vitals (JavaScript library) | Velddata (eigen site) | Ja | Meet CWV van echte bezoekers, stuur naar eigen analytics |
Veelgestelde vragen
Zijn Core Web Vitals een belangrijke rankingfactor?
Core Web Vitals zijn een bevestigde rankingfactor, maar ze zijn een "tiebreaker". Bij gelijke relevantie en kwaliteit kan een betere CWV-score het verschil maken. Content-relevantie blijft de dominante factor.
Wat is het verschil tussen lab data en velddata?
Lab data wordt gemeten in een gecontroleerde omgeving (bijv. Lighthouse). Velddata (CrUX) komt van echte gebruikers via Chrome. Google gebruikt velddata voor ranking. Lab data is nuttig voor het opsporen en debuggen van problemen.
Hoe lang duurt het voordat CWV-verbeteringen effect hebben?
Google gebruikt een 28-daags rollend gemiddelde van CrUX-data. Na een verbetering duurt het dus minimaal 28 dagen voordat de nieuwe scores volledig zichtbaar zijn, en daarna kan het nog enkele weken duren voordat rankingeffecten merkbaar zijn.
Moet ik me zorgen maken over CWV als ik een kleine website heb?
Kleine websites hebben vaak onvoldoende verkeer om CrUX-data te genereren. In dat geval gebruikt Google andere signalen. Maar goede performance verbetert ook de gebruikerservaring en conversie, ongeacht ranking.
Beinvloeden Core Web Vitals hoe AI-bots mijn site crawlen?
Niet direct, maar indirect wel. Een trage server (hoge TTFB) kan ertoe leiden dat bots minder pagina's per crawlsessie bezoeken. Bovendien meten sommige AI-bot-selectieprocessen de technische kwaliteit van een site als signaal voor bronbetrouwbaarheid.
Wat checkt onze scanner?
Onze scanner meet je Core Web Vitals via de CrUX API (echte gebruikersdata). We rapporteren LCP, INP en CLS met hun beoordelingen (goed, verbetering nodig, slecht) en geven per metriek concrete optimalisatietips. Test je Core Web Vitals.
