Een snellere website met Core Web Vitals

Core Web Vitals zijn drie meetwaarden waarmee Google vastlegt hoe een pagina aanvoelt voor een echte bezoeker. Ze gaan niet over hoe mooi je site is, maar over hoe snel, hoe stabiel en hoe responsief die laadt. Google kijkt naar de waarde die 75 procent van je bezoekers ervaart, zodat een paar trage momenten niet verborgen blijven achter een gemiddelde. De drie pijlers zijn:

• LCP (Largest Contentful Paint): hoe snel het grootste blok content in beeld staat. Goed is onder 2,5 seconden.
• INP (Interaction to Next Paint): hoe vlot de pagina reageert op een klik of tik. Goed is onder 200 milliseconden.
• CLS (Cumulative Layout Shift): hoeveel de inhoud verspringt tijdens het laden. Goed is onder 0,1.

Snelheid bepaalt of een bezoeker blijft of wegklikt voordat je iets hebt kunnen laten zien. Volgens onderzoek van Google, The Need for Mobile Speed uit 2016, haakt 53 procent van de mobiele bezoekers af als een pagina langer dan 3 seconden laadt. Elke seconde die je site sneller is, levert dus rechtstreeks meer bezoekers, meer aanvragen en meer omzet op. Voor Google is dat verband geen toeval: een snelle, stabiele pagina is een betere ervaring, en Core Web Vitals zijn daarom een bevestigde rankingfactor. Bij twee vergelijkbare pagina's wint de snelste.

In de praktijk zijn de oorzaken bijna altijd dezelfde. Een handvol zware bestanden en te veel scripts trekken je laadtijd onderuit, vooral op mobiel. De grootste boosdoeners zijn meestal:

• Te grote, niet geoptimaliseerde afbeeldingen in een verouderd bestandsformaat.
• Veel JavaScript dat moet laden voordat de pagina reageert, vaak door zware plugins of trackers.
• Trage hosting of een server zonder caching, ver weg van je bezoekers.
• Lettertypes en banners die zonder vaste plek inladen, waardoor de inhoud verspringt (een hoge CLS).
• Geen lazy loading, zodat alles tegelijk binnenkomt in plaats van wanneer het nodig is.

Het goede nieuws is dat de meeste winst uit een paar concrete ingrepen komt. Pak ze in deze volgorde aan, van de grootste hefboom naar de fijnafstelling:

• Afbeeldingen: comprimeer ze, lever moderne formaten als WebP of AVIF, geef vaste afmetingen mee tegen verspringen en zet lazy loading aan voor alles onder de vouw.
• Code: verwijder ongebruikte scripts en plugins, laad alleen wat de pagina echt nodig heeft en stel niet-kritieke scripts uit.
• Hosting: kies een snelle server met caching en een content delivery network, zodat bestanden dichter bij je bezoeker staan.
• Lettertypes: laad ze lokaal met een vaste plek, zodat de tekst direct stabiel in beeld staat.

Een site die van de grond af op snelheid is gebouwd, presteert vrijwel altijd beter dan een zware site die je achteraf moet opschonen. Daarom lever ik websites met server-side gerenderde HTML en geoptimaliseerde afbeeldingen standaard.

Mobiel is geen bijzaak, het is de norm. Meer dan de helft van de bezoekers komt tegenwoordig via een telefoon, en Google werkt met mobile-first indexing: het beoordeelt en rankt je site op basis van de mobiele versie. Een toestel heeft minder rekenkracht en draait vaak op een tragere verbinding, waardoor zware afbeeldingen en veel JavaScript op mobiel veel harder aankomen dan op een snelle desktop. Test je snelheid daarom altijd eerst op mobiel, met een realistische verbinding, en optimaliseer voor het toestel waarop de meeste mensen je daadwerkelijk bezoeken.