Afbeeldingen maken een site aantrekkelijk, maar ze zijn ook vaak het zwaarste onderdeel van een pagina. Een enkele foto die direct van de camera komt, kan groter zijn dan de hele rest van de pagina samen. Bezoekers zien dat niet, maar ze voelen het wel: de site laadt traag, vooral op mobiel. Een eerlijke beoordeling van je beeld levert daarom vaak verrassend veel snelheid op.
Waar je naar kijkt
- Zijn afbeeldingen niet groter dan ze op het scherm getoond worden?
- Worden ze gecomprimeerd zonder zichtbaar kwaliteitsverlies?
- Wordt een efficient bestandsformaat gebruikt?
- Hebben afbeeldingen een beschrijvende alt-tekst?
- Worden beelden buiten beeld pas geladen wanneer ze nodig zijn?
Het stille gewicht
Het probleem met beeld is dat het sluipenderwijs groeit. Een nieuwe foto hier, een sfeerbeeld daar, en voor je het weet sleept elke pagina een paar megabyte mee die niemand nodig had. Op een snelle kantoorverbinding merk je daar niets van, maar je klant die onderweg op een matige verbinding je site opent, kijkt tegen een wit scherm aan. En precies daar haakt hij af.
"Mooi beeld dat traag laadt, is geen sieraad maar een blok aan het been. De kunst zit in scherp en licht tegelijk."
Van zwaar naar licht
De winst is hier vaak laaghangend fruit. Het comprimeren en op de juiste maat schalen van afbeeldingen verandert niets aan hoe je site eruitziet, maar maakt hem merkbaar sneller. Tegelijk levert een goede alt-tekst winst op voor de vindbaarheid en de toegankelijkheid, want zoekmachines en schermlezers lezen die mee. Het is een van de weinige ingrepen die snelheid, vindbaarheid en toegankelijkheid in een keer verbeteren.
Een veelgemaakte fout is dat een afbeelding op volle grootte wordt geupload en vervolgens door de browser klein wordt getoond. De bezoeker downloadt dan een enorm bestand om er een postzegel van te zien. Dat verspilt zowel laadtijd als databundel, iets wat mobiele bezoekers extra raakt. Door beelden vooraf op de juiste afmeting te zetten, voorkom je die verspilling volledig. Het is een onzichtbare ingreep die niemand opmerkt aan de buitenkant, maar die de ervaring voor iedereen lichter en sneller maakt. Juist dat soort stille zorg onderscheidt een verzorgde site van een achteloze.
Wil je weten hoeveel sneller jouw site kan met beter beeld? Vraag een audit aan.
Verder lezen: Waarom een snelle website loont · Technische fouten op websites