Afbeeldingen · Pagespeed · LCP · Begrippenlijst
Codeer afbeeldingen op een efficiënte manier
Een PageSpeed Insights-advies dat zegt dat afbeeldingen op de pagina te groot zijn gecodeerd. Door afbeeldingen slim te comprimeren of in een efficiënter formaat op te slaan (WebP, AVIF) daalt de bestandsgrootte zonder zichtbaar kwaliteitsverlies — wat de laadtijd en LCP direct verbetert.
01 — formatenInteractieve afbeeldingsformaat-vergelijker
Klik een formaat aan om bestandsgrootte, kwaliteit, browserondersteuning en aanbevolen gebruik te vergelijken.
02 — stappenplanAfbeeldingen efficiënt coderen: stappenplan
1
Identificeer grote afbeeldingen via PageSpeed InsightsVoer je URL in op pagespeed.web.dev en zoek naar "Codeer afbeeldingen efficiënt" of "Lever afbeeldingen in moderne indelingen".
2
Converteer naar WebP (of AVIF)Gebruik Squoosh.app (gratis, browser-based), ImageMagick of een WordPress-plugin (ShortPixel, Smush, WebP Express) voor automatische conversie.
3
Sla op in juiste kwaliteitsinstellingGebruik kwaliteit 75-85% voor foto's — dit geeft 25-40% kleinere bestanden bij nauwelijks zichtbaar verschil. Gebruik nooit "Maximum kwaliteit".
4
Gebruik
<picture> voor browserfallbackBied WebP aan met JPEG-fallback voor oudere browsers via het picture-element. Zorg dat de afbeeldingsdimensies overeenkomen met de weergavegrootte.5
Verifieer via PageSpeed opnieuwVoer na de wijzigingen opnieuw een PageSpeed-scan uit. Controleer of het advies is opgelost en of de LCP-score is verbeterd.
03 — faqVeelgestelde vragen
Wat betekent "codeer afbeeldingen op een efficiënte manier"?›
Het is een advies van Google PageSpeed Insights dat zegt dat je afbeeldingen te groot zijn opgeslagen. Door ze te comprimeren of in een efficiënter formaat (WebP, AVIF) op te slaan kun je de bestandsgrootte verkleinen zonder zichtbaar kwaliteitsverlies.
Wat is de SEO-impact van efficiënt gecodeerde afbeeldingen?›
Kleinere afbeeldingsbestanden laden sneller, wat de LCP-score verbetert. LCP is een Core Web Vitals-metric die direct als rankingfactor meetelt. Bijkomend voordeel: lagere bounce rate door snellere laadtijd.
Wat is het verschil tussen WebP en AVIF?›
WebP is breed ondersteund (Chrome, Firefox, Safari, Edge) en biedt ~25-34% kleinere bestanden dan JPEG. AVIF is nieuwer, biedt ~50% reductie, maar heeft iets minder brede browserondersteuning. Gebruik WebP als standaard, AVIF als progressive enhancement.
Afbeeldingsoptimalisatie als onderdeel van pagespeed-verbetering?
Plan een gesprek en ontdek hoe ik afbeeldingen, LCP en Core Web Vitals structureel aanpak voor betere rankings.
Plan een gesprek met Ralf →