Afbeeldingen maken een website aantrekkelijk, maar ze zijn ook de meest voorkomende oorzaak van een trage site. Een paar te grote foto's kunnen een pagina seconden vertragen, en die seconden kosten je bezoekers. Het goede nieuws: je kunt beeld scherp houden op het scherm en tegelijk licht in gewicht. In dit artikel leg ik uit hoe je dat voor elkaar krijgt zonder kwaliteit te verliezen.
Waarom beeld zo zwaar weegt
Tekst weegt vrijwel niets, maar een onbewerkte foto van een camera of telefoon kan al gauw enkele megabytes zijn. Zet je daar een handvol van op een pagina, dan moet de bezoeker bij elk bezoek al die data binnenhalen. Op een snelle verbinding merk je dat misschien niet, maar onderweg op de telefoon wel. De pagina blijft hangen en mensen haken af.
Hoe je beeld lichter maakt
Niet groter dan nodig
Een foto hoeft niet groter te zijn dan de ruimte waarin hij verschijnt. Een enorm bestand verkleind tonen is verspilling.
Slim comprimeren
Met goede compressie haal je veel gewicht weg zonder dat het oog er iets van merkt. Het verschil zie je niet, je site wel.
Het juiste formaat
Moderne beeldformaten zijn lichter dan de oude bij dezelfde kwaliteit. Daarmee win je snelheid zonder concessies.
Een scherpe foto en een snelle pagina sluiten elkaar niet uit. Met de juiste voorbereiding krijg je allebei.
Laad alleen wat nodig is
Niet elke afbeelding hoeft meteen geladen te worden. Beelden die pas verschijnen als de bezoeker naar beneden scrollt, kun je ook pas op dat moment laden. Zo is de pagina sneller zichtbaar en haal je de rest binnen wanneer het nodig is. De bezoeker merkt er niets van, behalve dat je site vlotter aanvoelt.
Snelheid is ook gastvrijheid
Een snelle site voelt verzorgd en respecteert de tijd van je bezoeker. Een trage site doet het tegenovergestelde: hij irriteert nog voor iemand iets gezien heeft. Door je beeld licht te houden, geef je iedereen een vlotte ervaring, ook wie op een minder snelle verbinding zit. Snelheid is daarmee niet alleen techniek, maar ook gastvrijheid.
Tot slot
Beeld hoeft je site niet traag te maken. Houd afbeeldingen niet groter dan nodig, comprimeer slim en laad pas wat in beeld komt. Zo blijft je site scherp en snel. Wil je weten of jouw beeld je site vertraagt? Laat het me bekijken.
Verder lezen: Je website sneller maken: waarom en hoe · Foto en beeld op je website: meer dan opvulling