Webshop sneller maken: filters, zoeken en productfoto's

Voor een informatieve site is traagheid vervelend; voor een webshop is ze meetbaar duur. De cijfers zijn ondubbelzinnig: webshops die in 1 seconde laden halen een conversie van 3,05%, tegenover 1,08% bij een laadtijd van 5 seconden. Bijna drie keer meer bestellingen uit exact hetzelfde bezoekersaantal.

Ook kleine stappen tellen: het onderzoek van Deloitte en Google becijferde dat 0,1 seconde snelheidswinst de conversie in retail met 8,4% verhoogt en het gemiddelde bestelbedrag met 9,2%. Snellere shops verkopen niet alleen vaker, ze verkopen ook meer per bestelling, vermoedelijk omdat vlot bladeren uitnodigt om nog even verder te kijken.

En vergeet niet op welk scherm dat allemaal gebeurt: in België verloopt 58% van de online aankopen via de smartphone. Je webshop is dus in de eerste plaats een mobiele winkel, met alle beperkingen van kleinere toestellen en wisselende netwerken.

Foto's maken of kraken een webshop, letterlijk. Ze zijn je belangrijkste verkoopargument én veruit de zwaarste inhoud op elke pagina. Zo hou je beide kanten goed:

• Serveer elk formaat op maat: een miniatuur in het overzicht hoeft geen foto van 2000 pixels te zijn die de browser verkleint. Goede shopsystemen maken automatisch meerdere formaten aan; controleer of dat ook echt gebeurt.
• Gebruik moderne bestandsformaten zoals WebP of AVIF, die bij gelijke kwaliteit fors kleiner zijn dan JPEG.
• Laad slim: de eerste rij producten meteen, alles onder de vouw pas wanneer de bezoeker scrollt (lazy loading). Maar nooit de hoofdfoto van een productpagina lazy laden, want dat is meestal je grootste element en dus je LCP.
• Reserveer ruimte voor elke foto, zodat de pagina niet verspringt terwijl afbeeldingen binnenkomen.
• Automatiseer: leveranciersfoto's van meerdere megabytes sluipen anders vroeg of laat toch je shop binnen. Een plugin of instelling die uploads automatisch comprimeert, is goud waard.

De categoriepagina met filters is de werkbank van je shop: daar beslist de klant wat hij bekijkt. Twee dingen maken die pagina's traag. Ten eerste het aantal producten dat tegelijk geladen wordt: honderd producten met foto's in één keer inladen straft elke mobiele bezoeker. Toon een beperkt aantal en laad de rest bij het scrollen of via paginering.

Ten tweede de filters zelf. Een filter die bij elke klik de volledige pagina herlaadt, voelt als door stroop waden: klik, wachten, klik, wachten. Moderne shops passen de resultaten aan zonder herlaadbeurt, waardoor filteren direct voelt. Vraag je webbouwer of jouw filters zo werken; bij veel oudere themes is dit een van de meest voelbare verbeteringen die je kunt doorvoeren.

Let ten slotte op filtercombinaties die niemand gebruikt maar die wel telkens zware databasevragen veroorzaken. Minder, slimmere filters zijn vaak sneller én duidelijker dan een zijbalk met dertig opties.

Bezoekers die de zoekfunctie gebruiken, weten wat ze willen en staan het dichtst bij een aankoop. Net daarom is een trage of slechte zoekfunctie zo duur: je laat je meest gemotiveerde klanten wachten.

Waar je op let:

• Snelheid van de suggesties: verschijnen er binnen een tiende van een seconde suggesties terwijl de klant tikt, of pas na een merkbare hapering? Traag aanvullen voelt als een winkel waar de verkoper elke vraag drie keer laat herhalen.
• Tolerantie voor tikfouten: wie op een smartphone tikt, maakt fouten. Een zoekfunctie die bij een verschrijving niets vindt, verkoopt niets.
• Het gewicht van de zoektechniek zelf: sommige zoekplugins laden op elke pagina flinke scripts mee, ook waar niemand zoekt. Controleer wat er overal meegeladen wordt.
• De resultatenpagina: dezelfde regels als categoriepagina's, dus lichte miniaturen en geen honderd producten tegelijk.

Meet het effect: kijk in je statistieken hoeveel zoekende bezoekers uiteindelijk kopen. Dat percentage hoort ruim boven je gemiddelde te liggen; zo niet, dan lekt daar omzet.

De ultieme controle is geen rapport maar een rollenspel. Pak een smartphone, ga van de wifi af en doorloop je eigen shop als klant: zoek een product met een tikfout erin, filter een categorie, open drie productfoto's, leg iets in de winkelmand en ga tot net voor de betaling.

Tel de momenten waarop je moet wachten of iets verspringt. Elke hapering die jou al opvalt, terwijl je nog gemotiveerd bent om je eigen shop mooi te vinden, kost bij echte klanten bestellingen. Belgen shoppen intussen vaker via smartphone (88%) dan via computer (81%), dus die mobiele test is geen detail maar de hoofdzaak.

Productfoto's, filters en zoeken: het zijn drie knoppen waar je concreet aan kunt draaien, en elk ervan betaalt zich terug in bestellingen. Maar de juiste volgorde hangt af van waar jouw shop vandaag het meeste verliest.

Doe daarom eerst de gratis marketing scan van Marketing Scan. Die legt in enkele minuten bloot waar je shop staat qua snelheid, mobiele ervaring en vindbaarheid, zodat je je energie meteen in de meest winstgevende verbetering steekt.