Scan issue
Je Core Web Vitals zijn te laag.
Google meet je site op drie meetbare factoren: laadtijd (LCP), interactie (INP) en stabiliteit (CLS). Als een van die drie in het rood staat, daal je in zoekresultaten én haken bezoekers af.
Uitleg
Wat zijn Core Web Vitals?
Core Web Vitals zijn drie technische meetpunten die Google verzamelt bij echte bezoekers van je site. Ze meten of je site snel voelt voor een mens, niet alleen voor een testtool. LCP (Largest Contentful Paint) meet hoe snel het grootste element zichtbaar is. INP (Interaction to Next Paint) meet hoe snel je site reageert op klikken of typen. CLS (Cumulative Layout Shift) meet of elementen verspringen tijdens het laden.
Sinds 2021 zijn deze drie metrics officiële rankingfactoren voor Google. Ze vervingen oudere signalen zoals pure pagespeed-score, omdat ze beter correleren met wat bezoekers écht ervaren. Voor lokale bedrijven die op mobiel worden gevonden, wegen ze extra zwaar.
Impact
Waarom dit telt voor jouw site.
Een slechte LCP (boven de 2,5 seconden) betekent dat bezoekers wegklikken voordat je site geladen is. Onderzoek van Google laat zien dat bouncerate met elke extra seconde laadtijd snel oploopt. Voor een autoschadebedrijf of installateur die acute aanvragen binnenhaalt, is elke bouncende bezoeker een verloren telefoontje.
Een slechte CLS (elementen die springen) is extra pijnlijk op mobiel. Mensen drukken op een knop die net verspringt, komen op de verkeerde pagina terecht, en verliezen vertrouwen. Voor tandartspraktijken met afsprakensystemen is CLS cruciaal: één sprong op het verkeerde moment kost een inschrijving.
Google beloont goede scores met hogere rankings op lokale zoekopdrachten, vooral op mobiel. Dat betekent dat twee bedrijven met vergelijkbare content, maar waar één snelle Core Web Vitals heeft en de ander niet, substantieel verschillend scoren in dezelfde zoekresultaten.
Oplossen
Zo krijg je ze in het groen.
Zes interventies die samen bijna elke site naar goede Core Web Vitals tillen.
Optimaliseer de hero-afbeelding
De LCP is vrijwel altijd je hero-beeld. Gebruik Next.js Image met `priority`, stel de juiste `sizes` attr in, en lever het beeld in moderne formaten (WebP of AVIF). Dat alleen al brengt LCP vaak van 4s naar onder 2s.
Serveer de hero-tekst server-side
Bij client-side gerenderde hero's (veel WordPress-themes of React-SPAs) moet de browser eerst JavaScript downloaden en uitvoeren voordat er iets zichtbaar is. Gebruik server-side rendering zodat tekst in de eerste HTML-response staat.
Reserveer ruimte voor beelden en embeds
CLS komt meestal van beelden of YouTube-embeds zonder vaste afmetingen. Zet altijd expliciete `width` en `height` attributen op `<img>` en gebruik `aspect-ratio` voor video-embeds. Zo spaart de browser ruimte voordat het element laadt.
Stel fonts goed in
Gebruik `font-display: swap` zodat tekst direct zichtbaar is met een fallback-font tot je webfont geladen is. Vermijd volledige font-families als subsets volstaan. Bij Next.js doet `next/font` dit automatisch correct.
Verwijder zware JavaScript van de homepage
Tag managers, chat-widgets en populaire sliders zijn beruchte INP-killers. Laad ze alleen wanneer echt nodig (na interactie of scroll), niet direct bij page load. Controleer je bundle-size in de browser-devtools.
Host op een snelle CDN
Vercel, Cloudflare en andere edge-netwerken serveren statische HTML en assets binnen 100 milliseconden wereldwijd. Een traag hostingpakket (vooral shared hosting in Nederland) is vaak al goed voor een halve seconde extra LCP.
Gratis scan
Heb je al een site? Scan 'm gratis voor we starten.
Zestien checks op techniek, commercieel en marketing. Het rapport vormt het startpunt van ons gesprek — met cijfers in plaats van aannames.
Verder lezen