Websitesnelheid en Core Web Vitals: de praktische gids

#De Core Web Vitals in het kort

Google beoordeelt die waarden op de echte bezoeken van de voorbije 28 dagen, op het 75e percentiel: minstens drie op vier bezoeken moeten "goed" zijn. Mobiel en computer worden apart beoordeeld. INP verving de oude indicator FID op 12 maart 2024.

#Wat de LCP schaadt

• te zware, verkeerd geschaalde of verouderde afbeeldingen;
• een server die traag antwoordt;
• CSS of JavaScript die de weergave blokkeert;
• een hoofdafbeelding die te laat laadt (uitgesteld, of laat ontdekt door de browser).

#Wat de INP schaadt

• zware JavaScript die de browser bezighoudt;
• te veel scripts van derden: chat, advertentiepixels, widgets;
• acties bij een klik die veel rekenwerk doen voor er iets verschijnt.

#Wat de CLS schaadt

• afbeeldingen, video's of ingesloten kaders zonder gereserveerde afmetingen;
• banners en advertenties die boven de inhoud worden ingevoegd;
• weblettertypes die de tekstgrootte veranderen tijdens het laden.

#Hoeveel wegen ze voor SEO?

Google gebruikt de Core Web Vitals in zijn rangschikkingssystemen, als deel van wat het de pagina-ervaring noemt. Maar het zegt zelf: goede scores garanderen geen goede positie, en relevante inhoud blijft het belangrijkste criterium. Tussen twee even nuttige pagina's heeft de snelste een voordeel.

Een nuttige verduidelijking, want er wordt veel over geschreven: de kernupdate van maart 2026 (uitgerold van 27 maart tot 8 april) wilde volgens Google relevante en bevredigende inhoud beter naar boven halen. Google kondigde daarbij geen enkele wijziging aan in het gewicht van de Core Web Vitals.

Wat echt op het spel staat, ligt elders: een bezoeker die moet wachten, of wiens knop verspringt op het moment dat hij klikt, haakt af. Snelheid dient eerst uw conversies.

#Hoe meet u de snelheid van uw website?

• PageSpeed Insights (pagespeed.web.dev): veldgegevens van uw bezoekers (als uw site genoeg verkeer heeft) en een labotest met aanbevelingen. "Geen gegevens" betekent alleen dat Google nog niet genoeg bezoeken heeft voor een veldmeting.
• Google Search Console, rapport Core Web Vitals: uw pagina's ingedeeld in "goed", "verbetering nodig" en "slecht", op mobiel en computer.
• Chrome DevTools: het paneel Prestaties toont de Core Web Vitals live terwijl u surft, en Lighthouse voert een volledige audit uit.

Test altijd op een smartphone uit het middensegment en met een mobiele verbinding, niet alleen op uw computer op kantoor.

#10 concrete acties om uw website sneller te maken

#1. Optimaliseer uw afbeeldingen

• Gebruik de formaten AVIF of WebP, die nu door alle recente browsers ondersteund worden.
• Lever afbeeldingen op het juiste formaat voor elk scherm.
• Comprimeer ze (Squoosh, TinyPNG of de ingebouwde optimalisatie van uw CMS).
• Laad afbeeldingen onder de vouw uitgesteld (loading="lazy"), maar nooit de hoofdafbeelding, die integendeel fetchpriority="high" krijgt.

<img src="/hero.avif" width="1200" height="800" alt="Schrijnwerkerij in Schaarbeek" fetchpriority="high">
<img src="/werf.avif" width="800" height="600" alt="Keuken geplaatst in Ukkel" loading="lazy">

#2. Kies snelle hosting

De reactietijd van de server is de basis van alles. Kies een hostingbedrijf met servers in Europa, HTTP/2 of HTTP/3, caching aan serverzijde en een netwerk voor contentlevering (CDN) voor statische bestanden.

#3. Maak CSS en JavaScript lichter

#4. Laad kritieke bronnen vooraf

Vertel de browser wat hij eerst nodig heeft: de hoofdafbeelding en het lettertype van de tekst.

<link rel="preload" as="image" href="/hero.avif" fetchpriority="high">
<link rel="preload" as="font" href="/fonts/tekst.woff2" type="font/woff2" crossorigin>

#5. Reserveer de plaats van elementen

#6. Verzorg uw lettertypes

#7. Beperk scripts van derden

Elke externe tool (chat, pixels, kaarten, video's, reviews) heeft een kost. Maak een inventaris, verwijder wat niet meer dient en laad de rest pas na een interactie of na de toestemming voor cookies.

#8. Activeer caching

Statische bestanden waarvan de naam bij elke versie verandert, mogen een jaar in de cache blijven:

Cache-Control: public, max-age=31536000, immutable

#9. Splits lange taken op

Voor de INP vermijdt u dat een klik een lange berekening start voor er iets getoond wordt. Toon eerst een reactie (ingedrukte knop, laadindicator) en doe daarna het werk.

#10. Blijf opvolgen

Controleer elke maand PageSpeed Insights en het rapport in Search Console, en na elke update van thema, plug-in of belangrijke inhoud.

#Veelgemaakte fouten

• Een carrousel bovenaan de pagina: zwaar om te laden en zelden bekeken voorbij de eerste slide.
• Een video die automatisch start: gebruik liever een afbeelding met een afspeelknop.
• De hoofdafbeelding uitgesteld laden: net die afbeelding moet eerst komen.
• WordPress-plug-ins opstapelen: elke plug-in voegt zijn eigen CSS en JavaScript toe.
• Pop-ups die de pagina doen verspringen of het scherm op mobiel blokkeren.
• Alleen testen op een computer met glasvezel.

#WordPress, Shopify, maatwerk: wat valt er te optimaliseren?

• WordPress: een licht thema, een cache-plug-in, automatische optimalisatie van afbeeldingen en zo weinig mogelijk plug-ins volstaan vaak om in het groen te komen.
• Shopify: de keuze van het thema en het aantal geïnstalleerde apps tellen het meest; elke app voegt scripts toe.
• Ontwikkeling op maat: snelheid bouwt u van bij de start in, met vooraf gegenereerde pagina's en automatisch geoptimaliseerde afbeeldingen. Zo is leadco.be gebouwd, met Next.js.

#Veelgestelde vragen

#Zijn de Core Web Vitals echt een rankingfactor bij Google?

Ja, Google gebruikt ze sinds 2021, maar hun gewicht blijft beperkt tegenover de relevantie van de inhoud. Ze maken vooral het verschil tussen pagina's van vergelijkbare kwaliteit, en voor uw conversies.

#Mijn Lighthouse-score is goed, maar Search Console zegt het omgekeerde: waarom?

Lighthouse test de pagina één keer, in gesimuleerde omstandigheden. Search Console weerspiegelt uw echte bezoekers over 28 dagen, met hun smartphones en verbindingen. Voor Google tellen de veldgegevens.

#Hoelang duurt het voor de verbeteringen zichtbaar zijn?

Labotests veranderen meteen. Veldgegevens worden geleidelijk bijgewerkt: reken op ongeveer vier weken voor Search Console uw verbeteringen weerspiegelt.

#Waarom toont PageSpeed Insights "Geen gegevens" voor mijn site?

Omdat Google nog niet genoeg echte bezoeken heeft verzameld voor uw pagina of site. Vertrouw dan op de labotest en op het rapport in Search Console, dat zich vult naarmate het verkeer groeit.

#Is WordPress te traag voor goede Core Web Vitals?

Nee. Een goed ingestelde WordPress-site (licht thema, caching, geoptimaliseerde afbeeldingen, weinig plug-ins) kan de drie drempels halen. Zware thema's en een berg plug-ins vertragen hem.

#Moet ik 100 op 100 halen?

Nee. De Lighthouse-score is een diagnosetool. Het doel zijn drie groene indicatoren voor uw echte bezoekers.