Wat zijn de Core Web Vitals?

De 3 Core Web Vitals 

Google kijkt bij het meten van de gebruikerservaring naar drie belangrijke onderdelen: 

1. Largest Contentful Paint (LCP) 

Largest Contentful Paint meet hoelang het duurt voordat het grootste zichtbare element op een pagina is geladen. Denk aan een afbeelding, video of een groot tekstblok. 

• Doel: LCP onder de 2,5 seconden 
• Waarom het belangrijk is: een snelle laadtijd zorgt ervoor dat gebruikers niet afhaken voordat ze iets zien. 

2. Interaction To Next Paint (INP) 

Interaction to Next Paint kijkt naar de tijd die het kost voordat een actie die je uitvoert op een webpagina ook echt plaatsvindt, zoals het klikken op een knop of het openen van een navigatiemenu.  

• Doel: INP onder de 200 milliseconden 
• Waarom het belangrijk is: een snelle reactie zorgt voor een vloeiende gebruikerservaring en voorkomt frustratie. 

3. Cumulative Layout Shift (CLS) 

Cumulative Layout Shift meet de visuele stabiliteit van een pagina. Verspringende elementen tijdens het laden kunnen leiden tot een slechte ervaring. 

• Doel: CLS score van een 0,1 of lager 
• Waarom het belangrijk is: niets is vervelender dat een knop die net verspringt op het moment dat je wilt klikken. 

Je Google Core Web Vitals verbeteren 

Wil je de prestaties van je website verbeteren op het gebied van Core Web Vitals? Dan is het belangrijk om per onderdeel te kijken wat je kunt optimaliseren. 

LCP 

Een goede LCP-score bereik je door het grootste zichtbare element op de pagina zo snel mogelijk te laden. Dit kan een afbeelding, video of groot tekstblok zijn. Verbeterpunten zijn: 

• Afbeeldingen optimaliseren: gebruik gecomprimeerde en moderne bestandsformaten (zoals WebP). 
• Lazy loading toepassen: laad media pas als ze zichtbaar worden op het scherm. 
• Snelle hosting kiezen: zorg voor een server met een korte responstijd.  

INP

Om de INP te verbeteren moet je ervoor zorgen dat je website snel en soepel reageert op alle gebruikersacties, zoals klikken, typen of scrollen. Denk aan: 

• Beperk third-party scripts: ga na of je alle externe tools nodig hebt en verwijder overbodige of weinig gebruikte scripts. 
• Optimaliseer Javascript: gebruik technieken zoals lazy loading om alleen de noodzakelijke scripts te laden en verwijder ongebruikte scripts.  

CLS 

Voor een stabiele paginaweergave is het belangrijk dat elementen niet verspringen tijdens het laden. Je kunt dit bereiken door: 

• Vaste afmetingen toe te kennen: geef afbeeldingen, video's en advertenties een vaste hoogte en breedte. 
• Ruimte reserveren voor dynamische content: zo voorkom je onverwachte verschuivingen als content later wordt geladen.  

Met deze verbeteringen zorg je ervoor dat je website technisch sterk staat en prettig is in gebruik. Iets wat Google beloont met betere posities in de zoekresultaten.