Wat zijn Core Web Vitals en waarom zijn ze belangrijk?

Meet hoe snel het grootste element op de pagina laadt. Doel: onder 2.5 seconden. Optimaliseer afbeeldingen en server response tijd.

Meet hoe snel de pagina reageert op gebruikersinteractie. Doel: onder 200ms. Minimaliseer zware JavaScript.

Meet of elementen verspringen tijdens het laden. Doel: onder 0.1. Geef afbeeldingen en ads vaste afmetingen.

Gebruik Google PageSpeed Insights of Search Console > Core Web Vitals om je scores te bekijken en verbeterpunten te vinden.

Trage LCP-scores komen meestal door grote, ongeoptimaliseerde afbeeldingen of een langzame server. Slechte INP-scores ontstaan door zware scripts die de browser bezighouden. Layout shifts ontstaan doordat afbeeldingen of advertenties geen vaste ruimte hebben en de pagina daardoor verspringt zodra ze laden.

Je hoeft niet alle drie de metrics tegelijk perfect te maken. Begin met de metric die volgens PageSpeed Insights het verst van de norm afligt. Vaak levert het optimaliseren van afbeeldingen en het instellen van vaste afmetingen al het grootste deel van de verbetering op, met relatief weinig werk.

Verbeter LCP door de belangrijkste afbeelding te comprimeren en vooraf te laden. Verbeter INP door zware scripts uit te stellen tot na het laden van de zichtbare inhoud. Verbeter CLS door voor elke afbeelding en advertentie een vaste hoogte en breedte in te stellen, zodat de pagina niet verspringt.

Een website met een aanmeldbanner die pas na een paar seconden verscheen, zorgde voor een hoge CLS-score omdat de inhoud daaronder telkens verschoof. Door voor de banner een vaste ruimte te reserveren voordat hij laadt, verdween het probleem volledig zonder dat er iets aan het ontwerp hoefde te veranderen.

Ga niet lukraak aan de slag met alle drie de metrics tegelijk, maar volg de volgorde die PageSpeed Insights aangeeft. Vaak levert het comprimeren van de grootste afbeelding op de pagina de snelste winst op voor LCP, terwijl vaste afmetingen voor afbeeldingen de CLS-score meteen verbeteren zonder dat er iets aan het ontwerp verandert. Werk de metric met de slechtste score als eerste af, meet opnieuw, en pak dan de volgende op.