Michiel van den Berg

Bedrijven laden alles in één keer. Ze gooien grote afbeeldingen online, geen CDN, geen caching. Het resultaat? Een site die 4-5 seconden nodig heeft om te laden. Je verliest 40% van je bezoekers voordat ze jouw content zien.

Wat ik constant zie is dat niemand lazy loading gebruikt. Afbeeldingen die een bezoeker nooit zal zien worden toch volledig gedownload. Dat is geldverspilling. En Google penaliseert het direct in je search rankings.

Google zei in 2021: dit telt mee voor je ranking. Dat was het moment waar alles veranderde. Core Web Vitals meet drie dingen: hoe snel je content laden begint (LCP), hoe snel de pagina interactief is (FID), en hoe stabiel je layout blijft (CLS).

Rood scorecijfer? Je verdwijnt achter je concurrenten in zoekresultaten. Groen? Je wint traffic zonder extra marketing uit te geven. Ik heb klanten gezien die van 15 naar 45 bezoekers per dag gingen, puur door hun Web Vitals-scores op te tillen. Dat is geen coincidentia.

Niet ingewikkeld. Je zegt tegen de browser: “Laad deze afbeelding pas als de bezoeker eraan toekomt.” Dus als iemand je homepagina opent en niet naar beneden scrollt, die foto’s onderaan? Die worden niet gedownload. Je bespaart bandbreedte, je pagina is sneller.

Native lazy loading (gewoon loading="lazy" in je img-tag) werkt tegenwoordig in alle moderne browsers. Vroeger moesten we JavaScript gebruiken. Nu is het één attribute. En ja, dit helpt echt.

Je bezoeker in Amsterdam krijgt sneller content als die vanuit Amsterdam komt dan vanuit Amerika. Logisch, toch? Nederlandse datacenters betekenen lagere latency, dus snellere load-times voor je Nederlandse doelgroep.

Veel bedrijven gebruiken Amerikaanse CDN’s als standaard. Dat werkt, maar het is niet optimaal. Voor e-commerce en SaaS gericht op Nederland merk je het verschil echt—3-5% sneller gemiddeld. Dat klinkt klein, maar het telt op.

Caching betekent: opslaan wat je al hebt gedownload. Je browser onthoudt je logo, je CSS-bestand, je fonts. Volgende keer dat iemand je site bezoekt, hoeft dat niet opnieuw gedownload te worden. Super snel.

We beginnen altijd met browser caching: zeg tegen de browser hoe lang het mag onthouden. Dan server-side caching, dan CDN-caching. Het gaat stap voor stap. Ik heb klanten zien gaan van 20 requests naar 3. Dat scheelt letterlijk gigabytes per maand.

Een foto van 3MB kan je comprimeren naar 200KB zonder merkbare kwaliteitsverlies. Ja, je leest het goed. Modern image formats als WebP en AVIF doen dat. De browser ondersteunt ze inmiddels goed.

We gebruiken automatische compressie in combinatie met responsieve afbeeldingen—andere formaten voor mobiel versus desktop. Ik heb projecten gezien waar we 70% van de totale page-weight bespaard hebben, alleen door slimmer met afbeeldingen om te gaan.