Blog: Core Web Vitals updaten in 2023

Core Web Vitals zijn in 2020 in het leven geroepen om de gebruiksvriendelijkheid van een website te meten. Het gaat hierbij vooral om de laadsnelheid, interactiviteit en stabiliteit. Maar wat als blijkt dat deze scores niet goed zijn voor jouw website? Wij vertellen je meer over de Core Web Vitals én hoe je deze verbetert. 
 

Wat zijn Core Web Vitals?

De makkelijkste manier om Core Web Vitals te omschrijven is dat het drie statistieken zijn die aangeven hoe gebruiksvriendelijk een website is. De statistieken die dit meten zijn als volgt:  Largest Contentful Paint (LCP), First Input Delay (FID) en Cumulative Layout Shift (CLS). De punten die hierbij gemeten worden zijn de laadsnelheid, de interactiviteit van de website en stabiliteit. 

Core Web Vitals gaan alweer even mee en zijn in het leven geroepen tijdens een algoritme update van Google in mei 2020. Deze update was gefocust op het verbeteren van de page experience en maakt dit aspect aan de hand van de core web vitals meetbaar.

De Core Web Vitals zijn als volgt:

• Largest Contentful Paint (LCP): Zolang duurt het voordat de eerste bruikbare content op een pagina is geladen. Maximaal 2,5 seconde.
• First Input Delay (FID): Zolang duurt het voordat de pagina ver genoeg is geladen om daadwerkelijk een actie uit te kunnen voeren. Maximaal 100 milliseconden. 
• Cumulative Layout Shift (CLS): In welke mate verspringen elementen tijdens het laden van de pagina. Tussen 0,1 en 0,25.
   

Meet de Core Web Vitals van jouw website

Aan de hand van de tool Google PageSpeed Insights kun je meten hoe de Core Web Vitals ervoor staan voor jouw website. Het enige wat je hoeft te doen is de URL intypen in de balk en op analyseren klikken. Binnen een paar seconde weet je hoe jouw website ervoor staat!

Komt hier een score uit die hoger is dan eerder genoemde maximale scores? Dan is er werk aan de winkel! 
 

Zo optimaliseer je de Core Web Vitals

Het verbeteren van de Core Web Vitals zou hoog op jouw prioriteiten lijstje moeten staan. Maar hoe verbeter je deze? Dat zetten wij per statistiek voor je op een rijtje:

Largest Contentful Paint (LCP)

• Comprimeer afbeeldingen (zo optimaliseer je afbeeldingen voor de zoekmachines).
• Stel caching in.
• Verklein en comprimeer CSS en JavaScript bestanden.

First Input Delay (FID)

• Verwijder niet-gebruikte pixels.
• Verkort JavaScript bestanden.
• Het aantal bestanden die geladen dienen te worden, verkleinen.

Cumulative Layout Shift (CLS)

• Zorg dat elementen niet verspringen door enkel onder een button extra informatie weer te geven.
• Geef vaste afmetingen mee aan afbeeldingen en video’s met het ‘size’ attribuut.
• Gebruik even grote afbeeldingen in een slider of gebruik geen slider.
   

Core Web Vitals laten verbeteren?

De Webmakers kunnen jou helpen bij het verbeteren van jouw website. Van het bouwen van nieuwe elementen tot aan het schrijven van nieuwe teksten: bij ons kun je terecht voor alle optimalisaties. Daarom helpen wij jou ook graag met jouw Core Web Vitals.

Meer informatie?
 

Neem vrijblijvend contact op