Een website kan technisch online zijn en toch traag, schokkerig of onrustig aanvoelen. Core Web Vitals maken dat gevoel meetbaar. Google kijkt daarbij vooral naar drie onderdelen: hoe snel de belangrijkste inhoud verschijnt, hoe snel de pagina reageert op een klik en hoeveel elementen tijdens het laden verspringen. Goede scores zijn geen truc voor een groene rapportage. Ze betekenen meestal dat bezoekers sneller vinden wat ze zoeken en minder snel afhaken.
Wat meten LCP, INP en CLS precies?
Largest Contentful Paint (LCP) meet wanneer het grootste zichtbare inhoudselement is geladen. Dat is vaak een hero-afbeelding, productfoto of grote kop. Een goede richtwaarde is maximaal 2,5 seconden. Interaction to Next Paint (INP) meet hoe snel de pagina visueel reageert nadat iemand klikt, tikt of typt; minder dan 200 milliseconden geldt als goed. Cumulative Layout Shift (CLS) meet onverwachte verschuivingen. Een score onder 0,1 voorkomt dat knoppen, teksten en formulieren tijdens het gebruik verspringen.
Deze cijfers worden beoordeeld op echte gebruikerservaringen. Een snelle test vanaf kantoor is dus niet genoeg. Mobiele bezoekers, drukke momenten en tragere verbindingen tellen eveneens mee.
TTFB is de fundering onder uw laadtijd
Time to First Byte staat niet in het officiële drietal, maar beïnvloedt vrijwel alles wat daarna gebeurt. Als de server lang nadenkt voordat hij het eerste antwoord geeft, begint de browser te laat met HTML, stijlen, scripts en afbeeldingen. Een lage TTFB ontstaat door een snelle webserver, voldoende CPU en geheugen, een gezonde database en caching die correct is ingesteld.
Daarom gebruiken wij LiteSpeed, server-side caching en waar passend Redis-objectcaching. LiteSpeed kan complete pagina’s dicht bij de webserver bewaren. Redis helpt bij herhaald databasewerk wanneer een pagina niet volledig uit cache mag komen. Het resultaat is geen kunstmatige score, maar minder wachttijd in de volledige keten.
Zo verbetert u LCP
- Maak de belangrijkste hero-afbeelding niet groter dan nodig en gebruik WebP of AVIF.
- Laad de LCP-afbeelding niet lui; geef haar juist prioriteit.
- Beperk render-blocking CSS en laad alleen stijlen die de pagina nodig heeft.
- Gebruik page caching, HTTP/3 en een snelle serverreactie.
- Controleer fonts: te veel lettertypes en gewichten vertragen het eerste beeld.
Zo verbetert u INP
Een trage interactie komt vaak door veel JavaScript op de hoofdthread. Denk aan sliders, trackingcodes, pop-ups en plug-ins die op iedere pagina laden. Verwijder wat u niet gebruikt, stel niet-kritische scripts uit en test vooral menu’s, filters, formulieren en winkelmandjes. Bij dynamische WordPress-sites helpt voldoende accountgeheugen en CPU om de serverkant van een actie snel af te handelen.
Zo houdt u CLS onder controle
Reserveer vooraf ruimte voor afbeeldingen, advertenties, cookieblokken en embeds. Geef afbeeldingen altijd breedte en hoogte, voorkom dat een laat geladen lettertype de regelindeling volledig verandert en plaats meldingen niet onverwacht boven bestaande inhoud. Een rustige pagina voelt direct professioneler.
Meten zonder uzelf voor de gek te houden
Gebruik PageSpeed Insights voor een momentopname en Search Console voor praktijkdata over langere tijd. Test meerdere paginatypen: de homepage, een zwaar artikel, een productpagina en een formulier. Vergelijk mobiel en desktop en voer na iedere wijziging opnieuw een meting uit. Eén perfecte test zegt minder dan een stabiele trend.
Wilt u een snelle basis zonder zelf iedere serverlaag te beheren? Bekijk onze WordPress-hosting en hostingpakketten. We helpen u graag bepalen waar de grootste winst zit.
