Afbeeldingen maken je site traag: zo los je het op

Je hebt mooie producten, je hebt een goede fotograaf ingehuurd en op je eigen grote scherm ziet de webshop er gelikt uit. Toch vallen de verkopen tegen.

Grote kans dat je site te traag is.

Zo’n 40% van de bezoekers haakt af als een website er langer dan 3 seconden over doet om te laden. Drie seconden is niets, en online heeft niemand geduld. De grootste boosdoener zijn vaak precies die foto’s waar je zo trots op bent.

In dit artikel leg ik in gewone taal uit hoe je jouw webshop sneller maakt door afbeeldingen te optimaliseren.

De boosdoener: de foto van 5 MB

Een moderne camera, en zelfs een goede smartphone, maakt foto’s van enorme kwaliteit. Zo’n foto is rechtstreeks van de camera al gauw 5 megabyte of groter.

Dat formaat is prima als je de foto op een billboard langs de snelweg wilt drukken. Voor een webshop is het een ramp.

Een klant opent je categoriepagina met 20 producten. Is elke foto 5 MB, dan moet zijn telefoon in één keer 100 MB binnenhalen over een 4G-verbinding. Dat duurt veel te lang. De bezoeker ziet een wit scherm, raakt geïrriteerd en klikt door naar de concurrent.

De oplossing: drie manieren om af te slanken

Je hoeft hiervoor geen concessies te doen aan de kwaliteit. Je foto’s blijven haarscherp en worden toch tot 80% kleiner in bestandsgrootte.

1. Comprimeren. Een ruwe foto bevat heel veel informatie die het oog op een scherm niet ziet. Door te comprimeren snijd je die overbodige data weg. De foto ziet er hetzelfde uit, het bestand is een stuk lichter.

2. Gebruik WebP. De bestandsformaten .jpg en .png ken je. Die zijn inmiddels een beetje ouderwets. Google ontwikkelde WebP, een formaat dat speciaal voor het web is gemaakt: hoge kwaliteit, maar veel kleiner dan een oude jpg. Moderne webshops gebruiken bijna allemaal WebP.

3. Lazy loading. Er is geen reden om de foto’s onderaan je pagina al in te laden terwijl de bezoeker nog bovenaan staat. Met lazy loading laadt je webshop een foto pas op het moment dat de bezoeker ernaartoe scrolt. Daarmee wordt de eerste laadtijd van je pagina een stuk korter.

Hoe pak je dit aan

Hier zijn tools voor, je hoeft het niet met de hand te doen.

• Voor de doe-het-zelver met een kleine shop. Heb je maar een paar foto’s, ga dan naar TinyPNG.com. Sleep je foto’s erheen en de site maakt ze gratis kleiner. Download ze en zet die versie op je shop.
• De aanpak voor grotere shops. Heb je honderden producten, dan doe je dit niet met de hand. Wij installeren voor onze klanten plugins zoals Imagify of Smush Pro. Elke keer als jij een nieuwe productfoto uploadt, comprimeert de software die op de achtergrond, zet hem om naar WebP en past lazy loading toe. Jij hoeft er niet meer aan te denken.

Snelheid is omzet

Je webshop sneller maken met afbeeldingen is de makkelijkste en goedkoopste verbetering die je kunt doorvoeren om je conversie te verhogen. Google houdt bovendien van snelle sites, dus je scoort ook beter in de zoekresultaten.

Wil je weten hoe traag jouw shop is en wat je foto’s je kosten? Vraag een gratis snelheidsmeting bij ons aan. Wij meten je site door en vertellen je precies waar de winst zit.