Afbeeldingen zijn in de meeste gevallen de grootste bottleneck voor laadtijd. Een foto van 4MB die rechtstreeks van uw camera geüpload wordt naar WordPress maakt uw pagina onnodig traag. Met de juiste optimalisatie kunt u diezelfde foto terugbrengen naar 200KB — zonder zichtbaar kwaliteitsverlies.
Het juiste bestandsformaat kiezen
Gebruik WebP als standaard bestandsformaat. WebP levert gemiddeld 25-35% kleinere bestanden dan JPEG bij vergelijkbare kwaliteit, en wordt ondersteund door alle moderne browsers. WordPress converteert afbeeldingen niet automatisch naar WebP — daarvoor heeft u een plugin nodig zoals Imagify of ShortPixel, of u levert de afbeeldingen al in WebP aan.
JPEG blijft prima voor foto’s als WebP niet beschikbaar is. PNG gebruikt u alleen voor afbeeldingen met transparantie (logo’s, iconen). SVG is de beste keuze voor logo’s en vectorillustraties: oneindig schaalbaar en minimale bestandsgrootte.
Comprimeren voor upload
Verklein de afbeelding naar de maximale weergavegrootte voor u hem uploadt. Een foto van 4000px breed heeft op een website die maximaal 1200px breed is geen zin. Verklein via een tool als Squoosh.app of Adobe Photoshop, stel de kwaliteit in op 75-85% en sla op als WebP of JPEG.
Lazy loading en correcte afmetingen
Lazy loading zorgt ervoor dat afbeeldingen pas geladen worden als de bezoeker er naartoe scrolt. WordPress ondersteunt dit standaard via het loading="lazy" attribuut. Definieer altijd de breedte en hoogte van elke afbeelding in HTML — dit voorkomt layout shifts (en verbetert uw CLS-score) en geeft de browser de mogelijkheid om ruimte te reserveren voordat de afbeelding geladen is.
💡 FRL Tip: Gebruik de gratis tool Squoosh voor snelle compressie en WebP-conversie rechtstreeks in uw browser, zonder dat er bestanden geüpload worden naar een externe server.