01 — basisWaarom afbeeldingen tellen
Afbeeldingen zijn vaak 50-70% van het paginagewicht — en daarmee de grootste hefboom voor page speed. Goed geoptimaliseerd levert het 30-60% snellere pagina's op, wat direct doorwerkt in rankings en conversies.
Hieronder vier interactieve manieren om dat zichtbaar te maken. Voor de bredere context van Core Web Vitals zie technische SEO-analyse waar image-optimalisatie standaard meegenomen wordt in mijn audits.
02 — vergelijkingVoor / na slider
Sleep de slider om het verschil te zien tussen een ongeoptimaliseerde en geoptimaliseerde afbeelding. Visueel vrijwel identiek — qua file-size factor 8 verschil. Video-loading volgt dezelfde principes als image-optimalisatie.
De vuistregel: voor hero-images target ik onder 150 KB, voor inline-images onder 80 KB. Daarboven heb ik geen CTR-voordeel, alleen langere laadtijd. Sleep zelf de handle om het visuele verschil te beoordelen.
03 — formatsFormat-race
Welk format levert de kleinste file? Hieronder dezelfde afbeelding in 4 formats — zelfde visuele kwaliteit, zeer verschillende grootte. Google Discover hecht extra waarde aan moderne formats — AVIF kan daar een doorslaggevend voordeel zijn.
Mijn vuistregel: AVIF voor moderne sites met fallback, WebP voor breed compatibel. JPG/PNG alleen wanneer fallback verplicht is voor legacy-browsers. Voor de bredere image-strategie zie categoriepagina-optimalisatie met product-images als belangrijke factor.
04 — lcpLCP-impact gauge
Largest Contentful Paint (LCP) is meestal een afbeelding boven de fold. Schuif de slider en zie hoe image-grootte de LCP-score beïnvloedt. Onder 2,5s = good. Boven 4s = poor — en je Core Web Vitals krijgen er klappen van.
Mijn vuistregel: target altijd onder 2 seconden voor LCP, dat geeft je een veiligheidsmarge tegen variërende netwerk-condities. Voor de bredere LCP-context zie SEO-erosie — verslechterende LCP is een vroeg waarschuwingsteken.
05 — alt-textAlt-text best practices
Goede alt-tekst doet drie dingen: beschrijft de visuele content, helpt screenreaders en geeft NLP-context aan Google. Slechte alt-tekst is keyword-stuffing of pure file-naam. Hieronder de twee uitersten naast elkaar.
Mijn vuistregel: schrijf zoals je het zou beschrijven aan iemand die niets kan zien. Voor de bredere context van toegankelijkheid en SEO zie vector search — moderne search-engines beoordelen alt-tekst semantisch, niet op keyword-match.
06 — checklistOptimization checklist
De 10-punts checklist die ik bij elke nieuwe klant doorloop. Klik om af te vinken — de impact-tags tonen welke punten de grootste hefboom hebben. Veel hiervan kan ik automatiseren via CMS-plugins of build-pipelines.
Mijn vuistregel: HOOG-impact punten moeten allemaal op orde voordat je überhaupt aan content of links begint. Voor de bredere page-speed-context zie erosie-preventie — image-bloat is veel gevallen de hoofdoorzaak van langzame verslechtering.
Image-optimalisatie nodig?
In 30 minuten scannen we je belangrijkste pagina's, identificeren we de drie zwaarste afbeeldingen en bepalen we de quick wins voor je page speed.
Plan een image-audit →