--- title: "Core Web Vitals: LCP, INP en CLS uitgelegd" description: "Core Web Vitals zijn drie meetwaarden van Google voor de laadsnelheid, reactiesnelheid en stabiliteit van een pagina." canonical: https://www.keurigonline.nl/begrippenlijst/core-web-vitals last_modified: 2025-12-18 --- [Terug naar begrippenlijst](https://www.keurigonline.nl/begrippenlijst) # Core Web Vitals Core Web Vitals zijn drie meetwaarden van Google voor de laadsnelheid, reactiesnelheid en stabiliteit van een pagina. Core Web Vitals zijn drie meetwaarden waarmee Google de gebruikservaring van een webpagina beoordeelt: LCP voor het laden, INP voor de reactiesnelheid en CLS voor de visuele stabiliteit. Google raadt aan om op alle drie goed te scoren, omdat zijn rankingsystemen een goede paginabeleving belonen. LCP (Largest Contentful Paint) meet hoe lang het duurt tot het grootste beeld- of tekstblok op het scherm staat, en dat hoort binnen 2,5 seconden te gebeuren. INP (Interaction to Next Paint) meet hoe snel de pagina zichtbaar reageert op een klik of toetsaanslag, met 200 milliseconden of minder als doel. CLS (Cumulative Layout Shift) drukt uit hoeveel de inhoud onverwacht verspringt en hoort op 0,1 of lager te blijven. Sinds 12 maart 2024 is INP de opvolger van de oudere meetwaarde FID. Google meet de scores bij echte Chrome-gebruikers en verzamelt ze in het Chrome User Experience Report. Een pagina slaagt als minstens 75 procent van de bezoeken op alle drie de meetwaarden goed scoort, apart beoordeeld voor mobiel en desktop. De resultaten zie je in PageSpeed Insights en in het rapport Core Web Vitals van Google Search Console. Op je hosting heeft vooral de LCP baat bij een snelle serverreactie. Zonder cache bouwt WordPress elke pagina bij ieder bezoek opnieuw op met PHP en de database. LiteSpeed Cache bewaart een kant-en-klare HTML-versie van de pagina, die LiteSpeed bij het volgende bezoek meteen verstuurt. Voor CLS en INP kijk je vooral naar je thema, plugins en scripts. ## Geschiedenis Google introduceerde Core Web Vitals op 5 mei 2020 als onderdeel van het nieuwe programma Web Vitals, in de blogpost [Introducing Web Vitals](https://blog.chromium.org/2020/05/introducing-web-vitals-essential-metrics.html). De eerste set bestond uit LCP, FID en CLS, voor laden, interactiviteit en visuele stabiliteit. Belangrijke mijlpalen: - **5 mei 2020:** Google introduceert Web Vitals en de eerste drie Core Web Vitals - **April 2021:** Google past de berekening van CLS aan, zodat lang openstaande pagina's niet meer onterecht slecht scoren ([Evolving the CLS metric](https://web.dev/blog/evolving-cls)) - **Juni 2021:** De page experience update, met de Core Web Vitals als onderdeel, gaat geleidelijk meewegen in Google Zoeken ([Google Search Central](https://developers.google.com/search/blog/2021/04/more-details-page-experience)) - **12 maart 2024:** [INP vervangt FID](https://web.dev/blog/inp-cwv-march-12) als meetwaarde voor reactiesnelheid ## Bronnen 1. **web.dev (Google)** - [Web Vitals](https://web.dev/articles/vitals) 2. **Google Search Central** - [Understanding Core Web Vitals and Google search results](https://developers.google.com/search/docs/appearance/core-web-vitals) 3. **Google Search Console Help** - [Core Web Vitals report](https://support.google.com/webmasters/answer/9205520) 4. **web.dev (2024)** - [Interaction to Next Paint becomes a Core Web Vital on March 12](https://web.dev/blog/inp-cwv-march-12) 5. **Chromium Blog (2020)** - [Introducing Web Vitals: essential metrics for a healthy site](https://blog.chromium.org/2020/05/introducing-web-vitals-essential-metrics.html) 6. **LiteSpeed Technologies** - [LSCache: what is a page cache?](https://docs.litespeedtech.com/lscache/) ## Gerelateerde artikelen WordPress 13 jul 2026 [WordPress-afbeeldingen naar WebP omzetten zonder plugin](https://www.keurigonline.nl/blog/wordpress-afbeeldingen-comprimeren-en-webp-omzetten) De meeste artikelen over dit onderwerp eindigen bij een plugin-advies: installeer Imagify, ShortPixel of Smush en klaar. Dat werkt, maar het is niet nodig. Sinds WordPress 6.4/6.5 zit de conversie naar WebP al in de core. In dit artikel laten we zien hoe je dat native filter activeert, hoe je checkt of je server WebP ondersteunt, en hoe je je bestaande mediabibliotheek alsnog meeneemt, zonder een extra plugin te installeren. ## Waarom WebP: kleinere bestanden, betere Core Web Vitals WebP is een modern beeldformaat van Google dat dezelfde visuele kwaliteit levert bij een aanzienlijk kleiner bestand. Uit Google's eigen compressiestudie blijkt dat WebP-afbeeldingen gemiddeld 25 tot 34% kleiner zijn dan vergelijkbare JPEG's bij gelijke visuele kwaliteit (gemeten met SSIM), en gemiddeld 26% kleiner dan PNG.[\[2\]](https://developers.google.com/speed/webp/docs/webp_study) Voor een website vol productfoto's of blogafbeeldingen scheelt dat direct megabytes per paginabezoek. SEO 7 jul 2026 [Schema markup toevoegen aan WordPress zonder plugin (JSON-LD)](https://www.keurigonline.nl/blog/wordpress-seo-plugin-vervangen-door-schema-org-markup) Een aparte plugin-vergelijking zet dat verschil nog scherper neer: een minimale schema-plugin van 186KB haalt gemiddeld 132ms TTFB, terwijl Yoast (bijna 15MB, 1.604 bestanden) daar 81 keer groter voor is en All in One SEO zelfs 100 keer[\[3\]](https://pluginjoy.com/seo-plugin-performance-study-2026/). AIOSEO kan bovendien tot 15 extra databasequeries per paginaload genereren, goed voor 200 tot 400ms extra TTFB op shared hosting, omdat de JSON-LD-schema bij elke request opnieuw wordt opgebouwd in plaats van gecachet[\[10\]](https://www.anewmediagroup.com/blog/how-does-aioseo-influence-page-load-speed/). Handmatige JSON-LD via `functions.php` weegt daarentegen minder dan 1KB en heeft vrijwel geen meetbare invloed op de laadtijd[\[2\]](https://dev.to/schemify/how-to-add-schema-markup-to-wordpress-without-a-plugin-1hhb). Plugin-bloat is een bekende oorzaak van trage WordPress-sites, zoals we eerder beschreven in [5 redenen waarom je WordPress site zo langzaam is](https://www.keurigonline.nl/blog/5-redenen-waarom-je-wordpress-site-zo-langzaam-is): elke module die je uitschakelt, telt mee. Zie ook [hoe plugins je Core Web Vitals beïnvloeden](https://www.keurigonline.nl/blog/wordpress-core-web-vitals-plugin) voor het bredere plaatje. ## Wanneer is handmatig wél of niet de juiste keuze? Handmatige JSON-LD werkt het best bij een sitestructuur die niet elke week verandert: een bedrijfssite met een vaste set paginatypes, of een blog met artikelen die allemaal dezelfde velden nodig hebben (titel, auteur, publicatiedatum). Je schrijft de code één keer, en WordPress vult de rest automatisch in per pagina. SEO 4 jul 2026 [Hreflang instellen in WordPress (Yoast, WPML, Polylang) 2026](https://www.keurigonline.nl/blog/wordpress-inhoud-lokaliseren-voor-seo-hreflang-instellen) - **HTTP-header:** voor content die geen HTML is, zoals PDF's, gebruik je een `Link`-header met dezelfde hreflang-informatie. Onmisbaar zodra je downloadbare documenten in meerdere talen aanbiedt. Voor de meeste WordPress-sites is de HTML-methode de praktische keuze. Grote sites met veel taalvarianten en duizenden pagina's, waar elke extra head tag ook de paginagrootte en daarmee [Core Web Vitals](https://www.keurigonline.nl/blog/wordpress-core-web-vitals-plugin) raakt, kiezen vaker voor de sitemap-methode. ## Stap-voor-stap: hreflang instellen met een plugin (WPML / Polylang / TranslatePress) De meeste WordPress-sites stellen hreflang in via een meertalige plugin. Het proces is bij alle drie de grote spelers vergelijkbaar: