Core Web Vitals verbeteren: stap-voor-stap handleiding
Core Web Vitals zijn een directe rankingfactor. Toch scoort een groot deel van het web nog onvoldoende. Zo verbeter je je scores stap voor stap.
LCP optimaliseren
Identificeer je LCP-element (vaak de hero-afbeelding of heading). Optimaliseer afbeeldingen: gebruik WebP/AVIF, stel correcte afmetingen in en gebruik responsive images. Preload je LCP-resource. Minimaliseer server response time (TTFB). Verwijder render-blocking resources.
CLS verminderen
Stel altijd width en height attributen in op afbeeldingen en video's. Gebruik CSS aspect-ratio voor dynamische elementen. Voorkom dat content verschuift door late fonts of ad-injecties. Test met de Layout Shift Debugger in Chrome DevTools.
INP verbeteren
INP (Interaction to Next Paint) vervangt FID als Core Web Vital. Optimaliseer event handlers — vermijd zware JavaScript op user interactions. Gebruik web workers voor zware berekeningen. Break up long tasks met requestIdleCallback of setTimeout.