Core Web Vitals 2026: hoe je een website bouwt die scoort.
Core Web Vitals zijn drie metingen die Google sinds 2021 gebruikt als directe ranking-factor: LCP, INP en CLS. In 2026 is het makkelijker om "goed" te scoren dan ooit — als je weet welke zes ingrepen het verschil maken. Onder de drempel rank je niet mee in competitive niches.
PLAN · DOORSNEDE · DETAILMAATWERK · Core Web Vitals 2026
Wat is elk Core Web Vital?
LCP meet wanneer het grootste zichtbare element (vaak een hero-image of headline) gerenderd is. INP meet de vertraging tussen een interactie (klik, tap, toetsdruk) en de eerstvolgende visuele update. CLS meet hoeveel de pagina visueel verschuift terwijl hij laadt — webfonts die te laat laden, banners die uitklappen, embeds die plek innemen.
De zes ingrepen die het verschil maken
Elke ingreep hieronder werkt direct op één van de drie metingen hierboven — LCP, INP of CLS. Zoek je bredere snelheidswinst die verder gaat dan alleen de Core Web Vitals-drempels, zie sub-seconde laadtijden.
Edge-CDN voor TTFB < 200ms (Vercel, Cloudflare) — verlaagt direct de LCP.
Image-optimalisatie met priority op LCP-element — de grootste hendel voor LCP.
Server Components / SSG om JavaScript-bundle < 100kb te houden — houdt de main thread vrij, wat INP laag houdt.
Reserveer ruimte voor afbeeldingen en embeds (vaste width/height) — fixt CLS.
Font-display: swap met font-preload — voorkomt FOIT en CLS-spikes.
Defer alle third-party scripts (analytics, chat, ads) tot user-interactie — voorkomt dat ze INP blokkeren.
Veelgestelde vragen
Q1Hoe meet ik real-user CWV?+
Via PageSpeed Insights (gebruikt CrUX-data, Chrome's veldcijfers) of via Google Search Console > Page Experience. Lighthouse in DevTools is een lab-test en is onbetrouwbaar als enige bron.
Q2Wat als mijn site geen real-user data heeft?+
Onder ongeveer 1.000 maandelijkse bezoekers heeft je site geen CrUX-data. Dan baseert Google zich op lab-tests en categoriseert je site als "minder data, meer onzeker". Werk dan met PageSpeed Insights lab-cijfers als best beschikbare proxy.
Q3Heeft INP impact als mijn site weinig interactiviteit heeft?+
Ja. Elke klik op een link, dropdown of formulier wordt gemeten. Voor marketing-sites is INP doorgaans makkelijk in het groen, mits je geen zware analytics-scripts hebt.
Verdieping
Verdieping: waarom dit voor mkb anders ligt
Voor een mkb-onderneming verloopt de aanpak van Core Web Vitals anders dan voor een enterprise-organisatie. Bij enterprise spelen compliance, multi-team coordination en aanbestedingsprocedures een dominante rol — in mkb is de afweging veel directer: tijd-naar-omzet, maandlasten en flexibiliteit op kantelmomenten. Wat in een Fortune 500-context "een veilige keuze" heet, is in een 12-personen-bedrijf vaak juist de duurste route omdat overhead niet wegvalt naar volume.
De drie variabelen die in praktijk de uitkomst bepalen voor Nederlandse mkb-projecten: wie onderhoudt het na livegang, hoe vaak verandert de scope, en welk groei-scenario stuur je op. Een coachingspraktijk met drie pagina-updates per kwartaal stelt heel andere eisen dan een D2C-merk dat wekelijks A/B-test.
22
Projecten sinds 2023, incl. eigen producten
1–6 wk
Bouwtijd maatwerk website
95+
Lighthouse bij oplevering, gemiddeld 98
30 dgn
Ondersteuning incl.
Stappenplan: van eerste gesprek tot livegang
1Kennismaking (25 min)+
Async-first: één gesprek waarin we doel, doelgroep, scope en de eerste budget-range vastleggen. Output: een 1-pagina-document met scope en richtprijs binnen 24 uur.
2Schets (week 1)+
Wireframes, content-architectuur, techniek-keuze en design-richting (3 stijlen). Geen Lorem Ipsum — copy-aanzet vanaf dag 1, omdat copy het ontwerp stuurt en niet andersom.
3Bouw (week 2–3)+
Dagelijkse Loom-update van 60 seconden, gedeelde Figma met live state, gedeelde repo. Eén wekelijkse demo van 30 minuten. Iteratie staat boven specificatie: blijkt iets in praktijk anders te werken, passen we het aan zonder change-request-pingpong.
4Polijsten (week 3 – einde)+
Lighthouse 95+ op alle vier de assen. Structured data die klopt met wat er op de pagina staat, sitemap, robots.txt met een bewuste keuze per crawler (OAI-SearchBot voor zoeken, GPTBot voor mogelijke modeltraining), Open Graph-kaart per pagina. Een llms.txt mag erbij als onderhouden overzicht, maar Google negeert het volgens de eigen documentatie, dus we rekenen het niet mee als vindbaarheidsmaatregel. Performance-budget per route gemonitord.
5Oplevering+
Domein live, DNS overgezet, monitoring aan, README + Loom-handover van 30 minuten. Eigenaar van code, hosting, accounts vanaf dag 1 — geen lock-in.
In de praktijk: drie voorbeeld-uitkomsten
Probleem: Wix-template, Lighthouse 58/72, geen booking-flow. Resultaat na 4 weken: maatwerk Next.js, Lighthouse 99/100, Stripe Checkout voor sessies, Resend voor herinneringen, +38% boekingen in eerste maand. Bouwbudget op aanvraag.
Probleem: hand-coded WordPress site, drie pricing-experimenten in zes maanden vastgelopen op het thema. Resultaat: headless rebuild in Next.js + MDX, A/B-pipeline in eigen events. Pricing-conversie van 1,7% naar 4,1% in 60 dagen. Bouwbudget op aanvraag.
Probleem: Shopify-thema, CLS 0,42 (slecht), AOV €68. Resultaat: headless front-end met Hydrogen, CLS < 0,05, image-strategy verbeterd, AOV +14% door betere PDP. Bouwbudget op aanvraag.
De 3-week-regel voor maatwerk-projecten
Als een marketingsite-project langer duurt dan drie weken aan netto werk, is bijna altijd de scope te groot, niet de developer te langzaam. Splitsen in fasen (MVP → uitbreiding) levert vrijwel altijd een beter resultaat dan één lang project — omdat realiteit-feedback in week 5 waardevoller blijkt dan elke vooraf-geplande feature.
Hanteer dit als sanity-check vóór je tekent: vraag de uitvoerder om de scope binnen drie weken te laten passen of expliciet in fasen op te knippen.
Checklist: vóór je een offerte tekent
Veelgestelde vragen
Q1Hoe lang duurt een typische marketingsite van A tot Z?+
Voor een ervaren solo-studio: drie tot vier weken voor een marketingsite van 5–10 pagina's. Voor een agency met PM-laag: acht tot veertien weken voor exact dezelfde scope. Het verschil zit in overlegcycli, niet in code-kwaliteit.
Q2Wat als ik later een tweede taal wil toevoegen?+
Bouw je site met Next.js i18n routing en hreflang-tags, dan voeg je later een tweede taal toe in 1–2 weken. Bouw je zonder die voorbereiding, dan kost het 4–6 weken extra omdat alle URL's en meta-tags opnieuw moeten.
Q3Krijg ik bij een freelance-developer ook een aparte designer?+
Bij een studio doet de developer doorgaans ook ontwerp in Figma. Voor wie een aparte top-tier designer wenst, kan een freelance designer bijgehaald worden (€90–€140/uur, 30–60 uur typisch) — nog ruim onder een agency-tarief.
Q4Hoe zit het met onderhoud na de eerste 30 dagen?+
Twee modellen: een licht onderhoudsabonnement (prijs in overleg, voor monitoring, kleine updates) of per opdracht. Geen verplicht jaarcontract zoals bij veel agencies — je betaalt alleen wanneer er werk is.
Q5Wordt mijn code mijn eigendom?+
Ja, vanaf dag 1. Repo onder jouw GitHub-account, hosting onder jouw Vercel-account, domein op jouw naam. Bij volledige betaling draagt Van Zanten Consulting alle IP-rechten over.
Een handgecodeerde Next.js-site, Lighthouse 95+, in jouw eigen repo 1–6 weken, vaste prijs na een gratis gesprek. 45 minuten, gratis. Eerstvolgende start: Q4 2026.
