Snellere website,
betere ervaring

Afbeeldingen zijn de grootste boosdoener achter trage websites. Hier lees je hoe je dat aanpakt zonder kwaliteitsverlies.

Door NYT HOUSE · 5 min leestijd

Gemiddeld zijn afbeeldingen verantwoordelijk voor meer dan 50% van het totale paginagewicht van een website. Dat betekent dat elke keer dat iemand jouw site bezoekt, hij voor de helft foto's en visuals laadt. Optimaliseer die, en je website vliegt.

53%

verlaat een pagina die langer dan 3 seconden laadt

minder conversie per seconde extra laadtijd

50%

van het paginagewicht bestaat gemiddeld uit afbeeldingen

Formaten vergeleken

Welk beeldformaat gebruik je wanneer?

Formaat	Beste gebruik	Compressie	Aanbevolen?
WebP	Foto's, hero-afbeeldingen, contentvisuals	Tot 34% kleiner dan JPEG	✓ Ja
AVIF	Moderne browsers, hoogkwalitatieve foto's	Tot 50% kleiner dan JPEG	✓ Ja
SVG	Logo's, iconen, illustraties	Schaalbaar zonder kwaliteitsverlies	✓ Ja
JPEG	Foto's als WebP niet ondersteund wordt	Goed, maar verouderd	Enkel als fallback
PNG	Afbeeldingen met transparantie	Groot bestandsformaat	Alleen indien nodig

De checklist

5 stappen voor geoptimaliseerde afbeeldingen

Converteer naar WebP of AVIF

Gebruik tools als Squoosh, ImageOptim of Cloudflare Images om bestaande JPEG- en PNG-bestanden om te zetten. Dezelfde kwaliteit, een fractie van de bestandsgrootte.

Pas de afmetingen aan op het gebruik

Een afbeelding van 4000 x 3000px uploaden voor een thumbnail van 300 x 200px is weggegooid bandbreedte. Schaal altijd voor het uploaden naar de juiste weergavegrootte.

Voeg alt-tekst toe

Alt-tekst verbetert toegankelijkheid én SEO. Google kan afbeeldingen niet zien. De alt-tekst vertelt wat er te zien is. Beschrijf concreet en gebruik relevante zoekwoorden waar dat van toepassing is.

Gebruik lazy loading

Laad alleen afbeeldingen die de bezoeker daadwerkelijk te zien krijgt. Voeg het attribuut loading="lazy" toe aan je img-tags en de paginasnelheid verbetert direct.

Serveer via een CDN

Een Content Delivery Network levert afbeeldingen op vanuit servers dichtbij de bezoeker. Minder afstand betekent minder laadtijd. Cloudflare, Imgix of Bunny.net zijn betaalbare opties.

💡 NYT HOUSE inzicht

Bij nieuwe klanten zien we bijna altijd hetzelfde patroon: prachtige foto's, maar niet geoptimaliseerd. Na een beeldoptimalisatietraject daalt de laadtijd doorgaans aanzienlijk. Dat is het verschil tussen een bezoeker die blijft en een bezoeker die wegklikt.

Core Web Vitals en afbeeldingen

Google meet de snelheid van je website via Core Web Vitals. De Largest Contentful Paint (LCP) is in de meeste gevallen een afbeelding. De grootste afbeelding bovenaan je pagina bepaalt mee hoe Google je rankt. Dat is de directe link tussen beeldoptimalisatie en SEO.

Een LCP onder de 2,5 seconden is de streefwaarde van Google. Boven de 4 seconden riskeert je ranking te dalen. Controleer je score gratis via PageSpeed Insights van Google en kijk welke afbeeldingen het traagst laden.