Wat zijn Core Web Vitals?

Core Web Vitals zijn meetwaarden van Google die iets zeggen over de gebruikerservaring en technische prestaties van een webpagina. Ze kijken naar drie belangrijke onderdelen: hoe snel belangrijke inhoud zichtbaar wordt, hoe snel een pagina reageert op interacties en hoe stabiel de pagina blijft tijdens het laden.

De drie Core Web Vitals zijn:

• LCP – Largest Contentful Paint;
• INP – Interaction to Next Paint;
• CLS – Cumulative Layout Shift.

Samen geven deze waarden een beeld van verschillende aspecten van de gebruikerservaring.

Wat is LCP?

LCP staat voor Largest Contentful Paint. Deze meetwaarde kijkt naar hoe lang het duurt voordat het grootste relevante zichtbare inhoudselement in het scherm is weergegeven.

Dat kan bijvoorbeeld zijn:

• een grote afbeelding;
• een headerafbeelding;
• een groot tekstblok;
• een ander belangrijk element bovenaan de pagina.

Een hoge LCP kan erop wijzen dat belangrijke inhoud relatief langzaam zichtbaar wordt.

Wat kan invloed hebben op LCP?

Verschillende onderdelen van een WordPress website kunnen invloed hebben op de laadtijd van grote elementen.

Denk aan:

• grote afbeeldingen;
• trage serverreacties;
• zware scripts;
• bepaalde plugins;
• lettertypen;
• caching;
• de manier waarop een pagina is opgebouwd.

Daarom is LCP niet simpelweg op te lossen door één instelling aan of uit te zetten. Eerst moet duidelijk zijn waar de vertraging ontstaat.

Wat is INP?

INP staat voor Interaction to Next Paint. Deze waarde kijkt naar hoe snel een pagina visueel reageert nadat een bezoeker ermee interacteert. Denk bijvoorbeeld aan het klikken op een knop of het gebruiken van een onderdeel op de pagina. Wanneer de browser lange tijd bezig is met zware taken, kan een pagina minder snel reageren. Voor bezoekers kan een website daardoor traag of stroef aanvoelen, zelfs wanneer de pagina op het eerste gezicht al geladen lijkt.

Wat kan invloed hebben op INP?

JavaScript speelt hierbij vaak een rol.

WordPress websites kunnen JavaScript gebruiken vanuit:

• het thema;
• plugins;
• pagebuilders;
• trackingsoftware;
• externe diensten.

Dat betekent niet dat JavaScript of een pagebuilder automatisch slecht is. Het gaat vooral om hoeveel werk de browser moet uitvoeren en hoe efficiënt de website is opgebouwd.

Wat is CLS?

CLS staat voor Cumulative Layout Shift. Deze waarde kijkt naar onverwachte verschuivingen van onderdelen op een pagina. Je hebt dit misschien weleens meegemaakt. Je wilt op een knop klikken, maar vlak voordat je klikt verschijnt er bovenaan iets nieuws. De knop schuift naar beneden en je klikt ineens op iets anders. Dat is een voorbeeld van een slechte visuele stabiliteit.

Waardoor ontstaan layoutverschuivingen?

Mogelijke oorzaken zijn bijvoorbeeld:

• afbeeldingen zonder goed gereserveerde ruimte;
• advertenties;
• lettertypen die later worden geladen;
• dynamische elementen;
• content die na het laden wordt toegevoegd.

Bij WordPress kan dit afhankelijk zijn van het thema, plugins en de manier waarop de pagina is gebouwd.

Wat zijn goede Core Web Vitals?

Google gebruikt bepaalde grenswaarden om prestaties te beoordelen.

Globaal worden voor een goede gebruikerservaring de volgende waarden aangehouden:

• LCP: maximaal ongeveer 2,5 seconden;
• INP: maximaal ongeveer 200 milliseconden;
• CLS: maximaal ongeveer 0,1.

Deze waarden worden gebruikt om pagina’s te beoordelen, maar moeten altijd in context worden bekeken. Een score vertelt namelijk niet automatisch waarom een website een bepaald resultaat krijgt.

Waar kun je Core Web Vitals bekijken?

Core Web Vitals kunnen onder andere zichtbaar zijn in Google Search Console. Daarnaast bestaan er hulpmiddelen waarmee individuele pagina’s kunnen worden getest. Het is belangrijk om onderscheid te maken tussen meetgegevens van echte gebruikers en een losse technische test. Een eenmalige test is namelijk slechts een momentopname.

Zijn Core Web Vitals hetzelfde als websitesnelheid?

Niet helemaal. Websitesnelheid is een bredere term. Core Web Vitals meten specifieke onderdelen van de gebruikerservaring. Een website kan bijvoorbeeld snel zichtbaar zijn, maar toch een slechte CLS hebben doordat onderdelen tijdens het laden verschuiven. Of een pagina lijkt snel geladen, maar reageert traag op interacties. Daarom vertellen de drie meetwaarden ieder iets anders.

Zijn Core Web Vitals belangrijk voor SEO?

Google gebruikt Core Web Vitals als onderdeel van de bredere beoordeling van pagina-ervaring. Dat betekent echter niet dat een perfecte technische score automatisch zorgt voor een nummer-1-positie. De relevantie en kwaliteit van de inhoud blijven eveneens belangrijk. Het heeft daarom weinig zin om uitsluitend achter een perfecte technische score aan te jagen terwijl de pagina bezoekers nauwelijks helpt.

Core Web Vitals en WordPress

Bij WordPress kunnen verschillende onderdelen invloed hebben op prestaties.

Denk bijvoorbeeld aan:

• hosting;
• thema;
• plugins;
• afbeeldingen;
• caching;
• scripts;
• pagebuilders;
• externe diensten.

Daarom moet je bij slechte Core Web Vitals eerst onderzoeken welk onderdeel de problemen veroorzaakt. Blind plugins verwijderen of instellingen veranderen kan juist nieuwe problemen veroorzaken.

Helpt caching bij Core Web Vitals?

Caching kan in bepaalde situaties helpen om een website sneller te laten laden. Maar caching is geen universele oplossing voor iedere Core Web Vital.

Een slechte CLS door verschuivende elementen los je bijvoorbeeld niet automatisch op met caching.

Wil je weten wat caching precies doet? Bekijk dan Wat is caching in WordPress?

Helpt WebP?

Moderne en goed geoptimaliseerde afbeeldingen kunnen bijdragen aan betere prestaties, vooral wanneer grote afbeeldingen een belangrijk deel van de pagina vormen. WebP kan daarbij een geschikt afbeeldingsformaat zijn. Meer hierover lees je in Wat is WebP? Maar ook hier geldt: alleen afbeeldingen omzetten naar WebP garandeert geen goede Core Web Vitals.

Wat kun je doen bij slechte Core Web Vitals?

Begin met onderzoeken welke meetwaarde problemen geeft. Is vooral LCP slecht? Kijk dan naar de laadtijd van het belangrijkste zichtbare element. Is INP het probleem? Dan kan het nodig zijn om scripts en interacties te onderzoeken.

Bij slechte CLS moet je vooral kijken naar elementen die tijdens het laden verschuiven. Bij Bjorn Online kunnen we via WordPress optimalisatie kijken naar de technische prestaties van een bestaande WordPress website.

Core Web Vitals zijn een hulpmiddel

Core Web Vitals zijn nuttige meetwaarden, maar geen doel op zichzelf. Een website moet uiteindelijk prettig functioneren voor echte bezoekers. Gebruik de cijfers daarom vooral om mogelijke technische problemen te herkennen en te bepalen waar verbetering zinvol kan zijn.

Veelgestelde vragen

Waar staat Core Web Vitals voor?
Het is de verzamelnaam voor drie meetwaarden waarmee Google onderdelen van de pagina-ervaring beoordeelt: LCP, INP en CLS.

Wat is een goede LCP?
Als algemene richtlijn geldt maximaal ongeveer 2,5 seconden als goed.

Wat is een goede INP?
Een INP van maximaal ongeveer 200 milliseconden valt in de goede categorie.

Wat is een goede CLS?
Een CLS van maximaal ongeveer 0,1 wordt als goed beschouwd.

Zijn Core Web Vitals een Google-rankingfactor?
Ze maken deel uit van Google’s beoordeling van pagina-ervaring, maar zijn slechts één onderdeel van veel factoren die zoekresultaten beïnvloeden.

Kan WordPress goede Core Web Vitals behalen?
Ja. De prestaties hangen af van de totale technische inrichting van de website en niet alleen van het gebruikte CMS.