Core Web Vitals: wat ze betekenen en hoe je ze verbetert

Core Web Vitals zijn een verzameling meetwaarden waarmee Google de gebruikservaring op je website beoordeelt. Ze hebben direct invloed op je positie in de zoekresultaten. Daarnaast bepalen ze of bezoekers op je site blijven of afhaken en naar een concurrent gaan.

De drie meetwaarden

Largest Contentful Paint (LCP) meet hoe snel het belangrijkste onderdeel van je pagina in beeld komt. Het doel is onder de 2,5 seconden. De belangrijkste factoren zijn de responstijd van je server, bestanden die het laden blokkeren en het formaat van je afbeeldingen.

Interaction to Next Paint (INP) meet hoe snel je pagina reageert op wat een bezoeker doet. Elke klik of toetsaanslag moet binnen 200 milliseconden een zichtbare reactie opleveren. Grote JavaScript bestanden en taken die de browser lang bezighouden zijn de meest voorkomende oorzaken van een hoge INP score.

Cumulative Layout Shift (CLS) meet of je pagina visueel stabiel is. Wanneer elementen onverwacht verspringen terwijl de pagina laadt, is dat vervelend voor je bezoekers. Afbeeldingen zonder vaste afmetingen, content die later wordt ingeladen en lettertypen die de tekst laten verschuiven zijn veelvoorkomende boosdoeners.

Snel resultaat boeken

Begin bij je afbeeldingen. Gebruik moderne formaten zoals WebP of AVIF, geef altijd een breedte en hoogte op, en laad afbeeldingen pas in wanneer ze in beeld komen. Alleen dat al kan je LCP en CLS flink verbeteren.

Kijk daarna naar je JavaScript. Elke kilobyte die naar de browser gaat kost laadtijd en vertraagt de interactie. Frameworks zoals Astro sturen standaard helemaal geen JavaScript mee. Met code splitting laad je alleen wat op dat moment nodig is.

Tot slot: investeer in goede hosting. Een snelle serverreactie is de basis waar alles op rust. Met een CDN, edge caching en een modern hostingplatform kun je de eerste reactietijd met meer dan de helft terugbrengen.