Core Web Vitals uitgelegd

Core Web Vitals zijn drie cijfers waarmee Google beschrijft hoe een pagina aanvoelt voor een echte bezoeker: hoe snel de hoofdinhoud laadt, hoe stabiel de lay-out is en hoe vlot de pagina reageert op een tik of klik. De rangschikkingssystemen van Google gebruiken ze — zonder gepubliceerd gewicht, en niet als vervanging voor relevante inhoud — en de grootste winst is een pagina met minder wrijving, wat bezoekers alleen maar kan helpen om een aanvraag of aankoop af te ronden.

De drie meetwaarden in gewone taal

• LCP — Largest Contentful Paint (laden). Hoe lang het duurt voordat de grootste in aanmerking komende afbeelding of het grootste tekstblok in de viewport is weergegeven — vaak een hero-afbeelding of een grote kop. Goed: 2,5 seconden of minder.
• CLS — Cumulative Layout Shift (visuele stabiliteit). Hoe zwaar de grootste uitbarsting van onverwachte lay-outverschuivingen tijdens het bezoek is — inclusief verschuivingen ná het eerste laden, door late banners of ingevoegde inhoud. U hebt dit gevoeld toen u op een knop wilde tikken en een afbeelding hem omlaag duwde. Goed: 0,1 of minder.
• INP — Interaction to Next Paint (reactiesnelheid). INP volgt klikken, tikken en toetsaanslagen tijdens het hele bezoek en vat de traagste (of bijna traagste) vertraging samen tussen uw invoer en de volgende zichtbare update. Het verving in maart 2024 de oudere FID-meetwaarde. Goed: 200 milliseconden of minder.

Google beoordeelt elke meetwaarde op het 75e percentiel van echte bezoeken, apart voor mobiel en desktop: „goed” betekent dat minstens driekwart van de gemeten bezoeken de drempel haalt — het kan best dat al uw bezoekers erbinnen vallen — en alle drie de meetwaarden moeten in orde zijn om de pagina als goed te beoordelen.

Hoe u ze meet

• PageSpeed Insights — plak een URL voor laboratoriumresultaten en, waar beschikbaar, velddata van echte bezoekers. Eén addertje: de geautomatiseerde labtest werkt nooit met de pagina, dus INP kan hij niet meten — beschouw de Total Blocking Time als een aanwijzing en test belangrijke interacties daarna met de hand.
• Het Core Web Vitals-rapport in Search Console — groepeert vergelijkbare geïndexeerde URL’s met genoeg velddata, en de status van een groep komt van zijn slechtste meetwaarde. Test bij het analyseren van een groep representatieve URL’s afzonderlijk.
• Velddata (CrUX) — het Chrome User Experience Report, de geanonimiseerde gegevens van echte bezoekers achter de „veldcijfers”. Het beslaat de voorbije 28 dagen en alleen in aanmerking komende Chrome-bezoeken — geen Safari of Firefox — en pagina’s met weinig verkeer hebben mogelijk geen eigen data, dus verbeteringen worden pas na weken zichtbaar.

Gebruik velddata om de prestaties in de echte wereld te beoordelen en labtests om problemen te reproduceren en te diagnosticeren — geen van beide vertelt in zijn eentje het hele verhaal. Een pagina kan goed scoren in een schone labtest en toch haperen voor echte gebruikers op tragere telefoons en netwerken.

Veelvoorkomende oplossingen

• LCP: vind eerst het LCP-element — het kan tekst zijn, en het kan verschillen tussen mobiel en desktop — en zoek de trage fase in zijn tijdlijn. Is het een afbeelding: juiste afmetingen, modern formaat, nooit lazy loading, vindbaar in de initiële HTML, en waar gepast prioriteit geven. Kijk ook naar de responstijd van de server en naar CSS of scripts die het renderen blokkeren. Komt de verbinding met een cruciale externe host laat op gang, gebruik dan preconnect — spaarzaam, niet voor elke host. Zie uw afbeeldingen optimaliseren.
• CLS: reserveer ruimte voor afbeeldingen, advertenties en ingesloten inhoud met een expliciete breedte en hoogte (of een vak met beeldverhouding), en voeg geen banners in boven bestaande inhoud. Jaag daarna op de resterende bronnen: wisselende webfonts, toestemmingsmeldingen en dynamisch ingevoegde inhoud kunnen de lay-out nog verschuiven, zelfs als elke afbeelding afmetingen heeft.
• INP: knip lange taken op de hoofdthread in stukken en schrap of stel scripts uit die u niet nodig hebt. JavaScript is de gebruikelijke boosdoener, al kan ook zwaar stijl-, lay-out- of renderwerk de hoofdthread blokkeren.

Houd het in verhouding

Core Web Vitals doen ertoe, maar goede scores garanderen geen posities, en relevante, nuttige inhoud blijft essentieel — pagina-ervaring telt vooral wanneer meerdere resultaten verder ongeveer even nuttig zijn. Jaag erop omdat een snelle, stabiele, vlot reagerende website bezoekers beter bedient; beschouw elk duwtje in de rangschikking als een bonus.

Mik op „goed” voor alle drie, en ga dan verder. Een CDN zoals Cloudflare kan helpen met de leveringssnelheid, maar lost een zware pagina niet voor u op.

Wat u moet doen

1. Haal uw homepage en belangrijkste landingspagina’s door PageSpeed Insights.
2. Open het Core Web Vitals-rapport in Search Console en pak eerst de groep met „slecht” aan — test daarbij representatieve URL’s, niet alleen het groepslabel.
3. Vind het LCP-element op elke belangrijke pagina, mobiel én desktop; is het een afbeelding, herstel dan afmetingen, vindbaarheid en laden.
4. Zet breedte en hoogte op elke afbeelding en controleer daarna op verschuivingen door lettertypen, banners en ingevoegde inhoud.
5. Licht uw JavaScript door en stel alles wat niet essentieel is uit, of schrap het.