Core Web Vitals zijn drie meetwaarden van Google die laten zien hoe prettig je website aanvoelt: hoe snel de belangrijkste inhoud verschijnt (LCP), hoe snel de pagina reageert als je klikt of tikt (INP) en hoe stabiel de pagina blijft tijdens het laden (CLS). Scoort je website hierop groen, dan blijven bezoekers langer, doen ze sneller een aanvraag en heb je een streepje voor in Google.
In het kort
- LCP (laadsnelheid): goed is binnen 2,5 seconden.
- INP (reactiesnelheid): goed is binnen 200 milliseconden.
- CLS (stabiliteit): goed is een score onder 0,1.
- Google kijkt naar echte bezoekers, vooral op mobiel. Daar valt de meeste winst te halen.
Wat zijn de drie Core Web Vitals?
LCP: Largest Contentful Paint
LCP meet hoe lang het duurt voordat het grootste element in beeld staat, meestal de grote foto of kop bovenaan. Dat voelt voor je bezoeker als: is de pagina er al? Goed is binnen 2,5 seconden, slecht is meer dan 4 seconden.
INP: Interaction to Next Paint
INP meet hoe snel je website reageert op een klik, tik of toetsaanslag. Opent het menu direct, of zit er een irritante vertraging in? Goed is binnen 200 milliseconden. Sinds 2024 vervangt INP de oudere meetwaarde FID.
CLS: Cumulative Layout Shift
CLS meet hoeveel de pagina verspringt tijdens het laden. Je kent het wel: je wilt op een knop tikken en net op dat moment schuift er een banner in beeld. Goed is een score onder 0,1.
Waarom levert een snelle website meer klanten op?
Bezoekers zijn ongeduldig, zeker op hun telefoon. Iemand die in Bladel zoekt naar een kapper of installateur, klikt bij een trage website binnen een paar seconden terug naar Google en kiest de volgende. Een snelle website houdt die bezoeker vast. Daarnaast gebruikt Google de Core Web Vitals als een van de signalen voor de volgorde in de zoekresultaten. Bij twee even goede pagina’s wint de snelste.
Snelheid is geen technisch detail, maar klantvriendelijkheid. Elke seconde wachten is een moment waarop je bezoeker kan afhaken.
Hoe meet je de Core Web Vitals van je website?
- PageSpeed Insights: vul je adres in op pagespeed.web.dev en je ziet de scores van echte bezoekers én een labtest met verbeterpunten.
- Google Search Console: het rapport Core Web Vitals laat per groep pagina’s zien wat goed gaat en wat beter kan.
- Chrome DevTools: handig voor developers om een probleem precies op te sporen.
Let op het verschil tussen labdata (een test op één moment) en velddata (wat echte bezoekers de afgelopen 28 dagen ervoeren). Google gebruikt de velddata.
Hoe verbeter je je scores?
LCP verbeteren
- Lever afbeeldingen aan in een modern formaat zoals WebP of AVIF en in de juiste afmeting.
- Laad de grote afbeelding bovenaan direct (geen lazy loading) en geef hem voorrang.
- Kies snelle hosting en gebruik caching, zodat de server snel antwoordt.
- Host lettertypes zelf en laad alleen de varianten die je echt gebruikt.
INP verbeteren
- Gebruik zo min mogelijk JavaScript en laad scripts pas als ze nodig zijn.
- Wees kritisch op chatwidgets, trackers en zware sliders van derden.
- Kies een lichtgewicht thema in plaats van een paginabouwer met alles erop en eraan.
CLS verbeteren
- Geef afbeeldingen en video’s altijd een vaste breedte en hoogte.
- Reserveer ruimte voor banners, cookiemeldingen en advertenties.
- Voorkom dat lettertypes tijdens het laden de tekst laten verspringen.
Veelvoorkomende boosdoeners bij WordPress-websites
- Een zwaar multifunctioneel thema of een paginabouwer die op elke pagina alles laadt.
- Te veel plugins, die allemaal hun eigen CSS en JavaScript meesturen.
- Grote foto’s, rechtstreeks van de camera of telefoon geüpload.
- Goedkope gedeelde hosting zonder caching.
- Externe scripts zoals chat, pixels en widgets die allemaal tegelijk laden.
Het goede nieuws: bijna elk probleem is op te lossen. Soms met een paar slimme aanpassingen, soms met een nieuwe, schone basis.
Hoe pakt Klerks Webdevelopment dit aan?
Wij bouwen elke website vanaf een eigen, lichtgewicht WordPress-basis zonder paginabouwer. Afbeeldingen worden automatisch in het juiste formaat geladen, lettertypes staan op de eigen server en elk script laadt alleen waar het nodig is. Zo scoren onze websites groen op mobiel en desktop. Benieuwd hoe dat eruitziet? Bekijk onze projecten of lees meer over een website laten maken.
