Snelheid is een onderschat onderdeel van websitebeheer. Niet omdat het ingewikkeld is om uit te leggen, maar omdat de impact pas zichtbaar wordt als je 'm gaat meten. Onderzoek van Google laat zien dat elke halve seconde extra laadtijd in mobiel verkeer ruim 7% conversie kost. Voor een mkb-webshop die maandelijks tienduizend euro draait, is dat bijna achthonderd euro per maand. Per halve seconde.
Wat ik bij elke nieuwe klant als eerste check
Drie stappen, in volgorde van impact, en allemaal binnen één week realiseerbaar.
1. Afbeeldingen krimpen en lazy laden
In negen van de tien gevallen is dit het grootste probleem. Hero-foto's van vier megabyte, productafbeeldingen die nooit zijn geoptimaliseerd, screenshots in oorspronkelijke resolutie. Het zit ingebakken in de manier waarop content wordt aangeleverd.
Wat we doen: alle afbeeldingen converteren naar WebP of AVIF, resize naar de maximaal benodigde breedte, en lazy loading activeren voor alles onder de vouw. De hero-afbeelding laden we direct (die is LCP-kandidaat), de rest kan wachten.
Impact: gemiddeld 40-60% snellere pagina-load, zonder dat de kwaliteit minder wordt.
2. JavaScript bundelen en uitstellen
Tracking-scripts, chat-widgets, cookie-banners, marketing-tags. Elk afzonderlijk niet veel, samen kunnen ze de eerste interactie met je site twee tot drie seconden vertragen.
Wat helpt: scripts verplaatsen naar het einde van de pagina, defer-attributen toevoegen, en alle niet-essentiële scripts na de eerste interactie laden. Cookie-consent en chat-widgets hoeven pas actief te zijn als de bezoeker ze nodig heeft, niet bij het eerste bezoek.
3. Above-the-fold CSS inlinen
Dit is technischer maar enorm effectief. De CSS die nodig is voor wat je direct ziet (header, hero), stop je inline in de HTML. De rest laadt asynchroon. Het verschil: bezoekers zien direct iets, ook met een tragere verbinding.
Vuistregel: max 14 kilobyte aan critical CSS. Dat past in het eerste netwerkpakket en wordt dus tegelijk met de HTML geleverd.
Wat je niet hoeft te doen
Een aantal optimalisaties klinken indrukwekkend maar geven nauwelijks impact: server-side rendering herschrijven terwijl je afbeeldingen niet geoptimaliseerd zijn, CDN-configuratie fine-tunen bij minder dan duizend bezoekers per dag, of een headless CMS introduceren om twee milliseconden te winnen. Pak eerst het laaghangend fruit.
Hoe meet je het
Drie tools die ik dagelijks gebruik: Google PageSpeed Insights voor een snelle score, WebPageTest.org voor een gedetailleerde waterval-analyse, en de Chrome DevTools Lighthouse-tab voor lokale metingen tijdens het ontwikkelen.
Niet alles tegelijk doen. Begin met meten op één pagina (homepage), pas één ding aan, meet opnieuw. Houd een logboek bij, dan weet je over een half jaar wat werkt en wat niet.
Hosting maakt meer uit dan je denkt
Een veelgemaakte fout: alles optimaliseren aan de voorkant, maar vergeten dat de server traag reageert. Time to First Byte (TTFB) is de tijd die de server nodig heeft om het eerste stukje data terug te sturen. Bij goedkope shared hosting zie ik regelmatig TTFB-waarden boven de 800 milliseconden. Een degelijke VPS of managed hosting brengt dat terug naar onder de 200. Dat verschil merk je op elke pagina, bij elke bezoeker.
Check je TTFB via WebPageTest of de Chrome DevTools Network-tab. Als de waarde structureel boven de 400 milliseconden zit, is hosting upgraden vaak de snelste verbetering die je kunt doorvoeren.
Vergeet je fonts niet
Webfonts laden kost tijd, zeker als je er drie of vier gebruikt met meerdere gewichten. Twee fonts zijn meestal genoeg: een voor koppen en een voor broodtekst. Gebruik `font-display: swap` zodat bezoekers direct tekst zien in een systeemfont, en het webfont pas inlaadt zodra het beschikbaar is. Zelfhosten (in plaats van Google Fonts) bespaart een DNS-lookup en geeft je meer controle over caching.
Wanneer haal je iemand erbij
Als je website meer dan vijftig leads of klanten per maand levert en de PageSpeed Insights score onder de 70 zit op mobiel, verdient een optimalisatie-traject zichzelf binnen drie maanden terug. Als je site puur visitekaartje is, is een snelle DIY-check vaak voldoende.
Lees ook
- Nieuwe website, dezelfde aanpak: vernieuwd online - hoe ik deze principes op mijn eigen site toepas
- Wat AI écht voor je MKB kan betekenen - procesautomatisering met AI, zonder hype