Oplossingen · Website & hosting

Core Web Vitals verbeteren: LCP, INP en CLS uitgelegd en opgelost

Core Web Vitals verbeteren? Zo meet je LCP, INP en CLS in PageSpeed Insights en Search Console en pak je de grootste oorzaken van een trage website aan.

Waar gaat het om?

Core Web Vitals zijn drie metingen waarmee Google beoordeelt hoe snel en prettig je pagina voor echte bezoekers is: LCP (hoe snel het grootste stuk inhoud verschijnt, goed is binnen 2,5 seconden), INP (hoe snel de pagina reageert op een klik of tik, goed is binnen 200 milliseconden) en CLS (hoeveel de pagina verspringt tijdens het laden, goed is onder 0,1).

Voor een bedrijf zijn ze om twee redenen belangrijk. Een trage of verspringende site kost aanvragen, vooral op de telefoon. En Google gebruikt de paginabeleving als een van de signalen bij het rangschikken. Je hoeft geen perfecte score te halen; het doel is dat de meeste bezoekers in het groene gebied zitten.

Zo pak je het aan, stap voor stap

Menunamen kunnen per versie of toestel iets anders heten. Loop de stappen op volgorde af en stop zodra het werkt.

  1. Meet met echte gebruikersdata

    Vul je adres in op PageSpeed Insights (pagespeed.web.dev). Bovenaan staan, als er genoeg bezoek is, de gegevens van echte Chrome-gebruikers over de afgelopen 28 dagen; daaronder een labtest. Kijk in Google Search Console bij Core Web Vitals welke groepen pagina’s slecht of matig scoren, apart voor mobiel en desktop.

  2. Verbeter LCP: de grootste afbeelding of kop

    Meestal is het grootste element een headerfoto. Maak die kleiner (WebP of AVIF, niet breder dan nodig), laad hem niet ‘lazy’ als hij bovenaan staat en geef hem voorrang. Zorg dat de server snel antwoordt: goede hosting en paginacache maken vaak het grootste verschil.

  3. Verbeter INP: minder zware scripts

    Een trage reactie op een klik komt bijna altijd door JavaScript: sliders, pagebuilders, chatwidgets, tracking en reviewblokken. Haal weg wat je niet gebruikt, laad de rest uitgesteld en laad widgets pas als iemand ze nodig heeft.

  4. Verbeter CLS: reserveer ruimte

    Geef afbeeldingen en video’s een vaste breedte en hoogte, reserveer ruimte voor banners en cookiemeldingen en laad lettertypen zo dat de tekst niet verspringt (font-display: swap of optional, en het lettertype vooraf laden).

  5. Ruim lettertypen en plugins op

    Gebruik één of twee lettertypen met alleen de gewichten die je nodig hebt, bij voorkeur op je eigen server. Kijk bij WordPress welke plugins op elke pagina scripts en stijlen laden en of je ze echt nodig hebt.

  6. Controleer opnieuw na een paar weken

    De gebruikersdata in Search Console loopt 28 dagen achter. Klik na de verbeteringen op Oplossing valideren en controleer na een paar weken of de pagina’s naar ‘goed’ zijn verschoven.

Let op: Een hoge score in de labtest betekent niet automatisch goede Core Web Vitals. Google kijkt naar de ervaring van echte bezoekers, vaak op een gemiddelde telefoon met mobiel internet.

Specifiek voor WordPress en WooCommerce

Op WordPress-sites zitten de oorzaken vaak op dezelfde plekken:

  • Pagebuilders laden veel CSS en JavaScript; gebruik hun eigen optimalisatie-instellingen of bouw zware pagina’s eenvoudiger.
  • Sliders en video’s bovenaan de pagina vertragen LCP; een statische foto is vaak sneller en duidelijker.
  • Te veel plugins die elk hun eigen scripts op elke pagina laden.
  • Geen paginacache of objectcache, waardoor elke pagina opnieuw wordt opgebouwd.
  • Externe widgets (chat, reviews, social feeds) die direct bij het laden starten.

Werk in kleine stappen en meet na elke wijziging. Zo weet je wat hielp en sloop je niet per ongeluk een functie die klanten gebruiken.

Officiële bronnen

De drempelwaarden en meetmethoden komen van Google zelf:

Lukt het niet? Wij helpen

Kom je er met deze stappen niet uit, of wil je het liever niet zelf doen? We kijken online mee of komen langs. Hulp op afstand kost €20 per uur; komen we langs, dan is de prijs op aanvraag. Je weet vooraf waar je aan toe bent.

Aanvraag

Hulp aanvragen

Schrijf kort wat er misgaat en wat je al hebt geprobeerd. Kies of we bellen, online meekijken of langskomen.

Veelgestelde vragen

Vragen over dit probleem

Wat is het verschil tussen de labtest en de veldgegevens?

De labtest is één meting onder vaste omstandigheden. De veldgegevens zijn de ervaringen van echte bezoekers over 28 dagen. Voor Google tellen de veldgegevens.

Waarom heeft mijn site geen veldgegevens?

Er is dan te weinig bezoek uit Chrome om betrouwbare cijfers te tonen. Gebruik de labtest als richting en verbeter de bekende oorzaken.

Wat was FID?

First Input Delay was de oude meting voor reactiesnelheid. Sinds maart 2024 is die vervangen door INP, die strenger kijkt naar alle interacties.

Helpt een andere hosting?

Als de server traag antwoordt wel. Zie je in PageSpeed Insights een lange ‘reactietijd van server’, dan is hosting of caching een goede eerste stap. Zie hosting en onderhoud.

Kunnen jullie onze site sneller maken?

Ja. We meten eerst wat de grootste oorzaak is en pakken die aan, zonder je ontwerp om te gooien.

Website: IT Live