Je kent het vast: je klikt op een zoekresultaat, het scherm blijft wit, en na een paar seconden ga je terug naar Google. Precies dat gebeurt ook op trage bedrijfswebsites. Google meet de gebruikservaring van websites met de Core Web Vitals. In dit artikel lees je wat die meten, hoe je je eigen website test en wat je eraan kunt doen.
Wat zijn Core Web Vitals?
Core Web Vitals zijn drie metingen waarmee Google bepaalt hoe prettig een pagina aanvoelt voor bezoekers. Ze zijn onderdeel van de signalen die Google gebruikt voor de gebruikservaring van een pagina. Belangrijk om te weten: goede inhoud blijft belangrijker. Maar bij twee vergelijkbare pagina’s kan een snelle, stabiele website het verschil maken. En los van Google: bezoekers haken af op een trage site.
Dit zijn de drie metingen, met de grenzen die Google hanteert:
1. Largest Contentful Paint (LCP): hoe snel zie je de inhoud?
LCP meet hoe lang het duurt voordat het grootste zichtbare element op je pagina is geladen, meestal een grote foto of de hoofdkop. Goed is 2,5 seconde of sneller. Boven de 4 seconden noemt Google het slecht.
2. Interaction to Next Paint (INP): hoe snel reageert je site?
INP meet hoe snel je pagina reageert als iemand klikt, tikt of typt. Bijvoorbeeld op een menuknop of in een formulier. Goed is 200 milliseconden of sneller, slecht is boven de 500 milliseconden. INP verving op 12 maart 2024 de oudere meting First Input Delay.
3. Cumulative Layout Shift (CLS): blijft alles op zijn plek?
CLS meet hoeveel de inhoud verspringt tijdens het laden. Je wilt op een knop tikken, er laadt bovenaan nog een afbeelding of banner in, en je tikt op iets anders. Dat is een hoge CLS. Goed is 0,1 of lager, slecht is boven de 0,25.
Google beoordeelt dit op basis van echte bezoeken. Een pagina scoort “goed” als minstens 75% van de bezoeken binnen de goede grens valt.
Zo test je je eigen website
- PageSpeed Insights. Ga naar pagespeed.web.dev en vul je webadres in. Bovenaan zie je, als er genoeg bezoekers zijn, de metingen van echte gebruikers. Daaronder staat een testmeting met concrete verbeterpunten. Kijk vooral naar het tabblad mobiel: de meeste lokale zoekopdrachten gebeuren op een telefoon.
- Google Search Console. Onder “Core Web Vitals” zie je per groep pagina’s of ze goed, matig of slecht scoren. Zo zie je in één oogopslag waar de knelpunten zitten.
Schrik niet van een lage score in de testmeting. Die simuleert een vrij trage telefoon en verbinding. De metingen van echte bezoekers zeggen meer.
De 7 grootste snelheidswinsten
1. Verklein en verbeter je afbeeldingen
Dit is bij de meeste websites de grootste winst. Een foto die rechtstreeks van een camera of telefoon komt, is vaak vele malen groter dan nodig. Zet afbeeldingen om naar een modern formaat zoals WebP, en zorg dat ze niet groter zijn dan de ruimte waarin ze worden getoond.
2. Laad afbeeldingen pas als ze nodig zijn
Met lazy loading laden afbeeldingen lager op de pagina pas als de bezoeker ernaartoe scrollt. Let op: doe dit juist níet bij de grote afbeelding bovenaan. Die moet zo snel mogelijk laden, anders wordt je LCP slechter.
3. Geef afbeeldingen en blokken een vaste maat
Als de browser vooraf weet hoe groot een afbeelding, video of advertentieblok wordt, reserveert hij die ruimte. Zo verspringt er niets tijdens het laden en blijft je CLS laag.
4. Zet caching aan
Met caching hoeft de server een pagina niet bij elk bezoek opnieuw op te bouwen. Bij WordPress gaat dat met een cacheplugin of via je hostingpartij. Het effect is vaak direct merkbaar.
5. Wees kritisch op plugins en externe scripts
Elke plugin, chatwidget, trackingcode of ingesloten social-mediafeed kan extra code laden. Ruim op wat je niet meer gebruikt. Vraag je bij elk extern script af of het de vertraging waard is.
6. Beperk het aantal lettertypen
Elk extra lettertype en elke extra dikte is een extra bestand dat moet laden. Twee lettertypen in een paar diktes is voor de meeste websites ruim voldoende.
7. Kies goede hosting
De snelste website blijft traag op een overvolle, goedkope server. Let bij hosting op een recente PHP-versie, voldoende rekenkracht en een server in of dicht bij Nederland als je klanten hier zitten. Meer hierover lees je bij hosting en technische support.
Waar begin je?
Begin bij de pagina’s die het belangrijkst zijn voor je bedrijf: je homepage, je belangrijkste dienstpagina’s en je contactpagina. Test ze in PageSpeed Insights, pak eerst de afbeeldingen aan en zet caching aan. Dat levert meestal de grootste verbetering op voor de minste moeite. Test daarna opnieuw, zodat je ziet wat het heeft opgeleverd.
Benieuwd hoe snel jouw website is?
Bij onze gratis websitecheck testen we de snelheid van je belangrijkste pagina’s en vertellen we je in gewone taal wat er beter kan.
