Hoe verbeter je Core Web Vitals?
Core Web Vitals bestaan uit drie metrics: LCP (laadsnelheid), INP (reactiesnelheid) en CLS (visuele stabiliteit). Ze verbeteren vraagt een andere aanpak per metric. Dit stappenplan pakt ze in de volgorde waarin de meeste websites het meeste resultaat behalen.
Stap 1: haal een concrete meting op
Ga naar PageSpeed Insights, vul je URL in, en bekijk zowel de mobiele als desktop-meting los van elkaar. Onderaan het rapport staat per metric een concrete score en een lijst met "Mogelijkheden" en "Diagnostiek", elk gekoppeld aan de metric die het raakt. Begin bij de metric met de slechtste score.
Stap 2: pak LCP eerst aan, meestal de grootste winst
LCP meet hoe lang het duurt voordat het grootste zichtbare element (vaak een hero-afbeelding of kopregel) volledig geladen is. Comprimeer en verklein de afbeelding die als eerste in beeld verschijnt, laad 'm niet lazy (die moet juist zo snel mogelijk), en controleer of render-blocking CSS of JavaScript het laden vertraagt.
Stap 3: pak CLS aan, vaak de goedkoopste fix
CLS meet hoeveel de pagina "springt" tijdens het laden, meestal doordat een afbeelding, advertentie of
ingesloten element zonder vaste afmetingen pas na het laden zijn ruimte claimt. Geef elke afbeelding een
expliciete width en height (of aspect-ratio in CSS), zodat de
browser meteen de juiste ruimte reserveert voordat het bestand geladen is.
Stap 4: pak INP aan, vaak het lastigst
INP meet hoe snel de pagina reageert op een klik, tik of toetsaanslag. Dit wordt meestal veroorzaakt door
te veel of te zware JavaScript die de hoofdthread blokkeert op het moment dat iemand ergens op klikt.
Verwijder ongebruikte scripts, laad niet-kritieke JavaScript later (met defer), en
heroverweeg zware third-party widgets die niet direct nodig zijn.
Stap 5: meet opnieuw, niet meteen na één wijziging
PageSpeed-scores schommelen van meting tot meting door normale netwerkvariatie. Wacht tot je een paar wijzigingen hebt doorgevoerd voordat je opnieuw meet, en vertrouw op de trend over meerdere metingen heen, niet op één losse score.
SiteLens houdt je PageSpeed-score automatisch bij over tijd, zodat je een structurele verbetering onderscheidt van gewone schommeling tussen losse metingen. Start een gratis proefperiode van 14 dagen.