Te zware afbeeldingen zijn een van de meest voorkomende redenen dat een WordPress site traag laadt. Je sleept een foto van 4 MB rechtstreeks uit je camera de mediabibliotheek in, en je bezoeker zit te wachten. Het goede nieuws: dit los je makkelijk op, en je hoeft er geen technische kennis voor te hebben.
Waarom je dit niet moet overslaan
Een snelle site is geen luxe, het is de basis. Wat lichte afbeeldingen je opleveren:
- Snellere laadtijden. Duurt het langer dan een paar seconden, dan klikt een groot deel van je bezoekers weg.
- Betere posities in Google. Google geeft snelle sites een streepje voor. Trage sites zakken weg.
- Tevreden bezoekers. Wie niet hoeft te wachten, blijft langer en kijkt verder.
- Minder serverbelasting. Kleinere bestanden vragen minder van je hosting en je bandbreedte.
Kies het juiste bestandsformaat
Het formaat dat je kiest, maakt veel uit voor de grootte:
- WebP is het moderne formaat en je beste keuze. Het is 25 tot 35 procent kleiner dan JPEG of PNG, zonder zichtbaar kwaliteitsverlies.
- JPEG gebruik je voor foto's als WebP geen optie is.
- PNG kies je voor afbeeldingen met een transparante achtergrond, zoals een logo.
- SVG is ideaal voor iconen en logo's, omdat het scherp blijft op elk formaat.
Schalen en comprimeren
Twee dingen maken het grootste verschil. Eerst de afmetingen: upload een afbeelding niet groter dan je hem op de pagina toont. Een foto die op 800 pixels breed staat, hoeft geen 4000 pixels breed te zijn.
Daarna comprimeren. Hierbij gooi je overbodige data uit het bestand:
- Lossy compressie verwijdert details die je oog toch niet ziet. Dit levert de grootste besparing op.
- Lossless compressie houdt alle kwaliteit intact, maar bespaart minder.
Voor de meeste foto's op een website is lossy prima. Het verschil zie je niet, de winst in laadtijd wel.
Handige tools
Je hoeft dit niet handmatig te doen. Een paar opties die hun werk doen:
- Plugins die je afbeeldingen automatisch optimaliseren bij het uploaden: ShortPixel, Imagify, EWWW en WP Smush.
- Online tools voor als je een afbeelding vooraf wilt verkleinen: Squoosh, TinyPNG en Optimizilla.
De combinatie werkt het best. Verklein je foto's even snel vooraf, en laat een plugin de rest automatisch doen.
Je checklist
Loop deze punten na, dan zit je goed:
- Houd de bestandsgrootte zo laag mogelijk, het liefst onder de 100 KB.
- Gebruik de juiste afmetingen, niet groter dan nodig.
- Pas compressie toe.
- Kies WebP waar het kan.
- Voeg alt-teksten toe. Goed voor SEO en voor bezoekers met een schermlezer.
- Zet lazy loading aan, zodat afbeeldingen pas laden als ze in beeld komen.
- Test je site af en toe met Google PageSpeed Insights.
Afbeeldingen optimaliseren is een van de snelste manieren om je WordPress site een stuk vlotter te maken. Een beetje aandacht vooraf, een plugin die de rest automatisch doet, en je bezoekers en Google merken het verschil.