Bijna elke ondernemer die een nieuwe website laat maken, vraagt op een gegeven moment om een slider. Een draaiend blok bovenaan de homepage met drie, vier of vijf wisselende foto’s en teksten. Het voelt levendig. Iedereen in het bedrijf krijgt zijn eigen dia: de directie de missie, verkoop de actie, personeelszaken de vacature. Iedereen tevreden.

Behalve de bezoeker. En de laadtijd. Als iemand ons vraagt waarom een website traag is, staat een slider op de homepage vaak hoog in de lijst van oorzaken. In dit artikel leggen we uit waarom wij sliders in de meeste gevallen afraden, wat de cijfers zeggen en wat u er beter voor in de plaats kunt zetten. Het is een standpunt, geen wet; aan het eind noemen we ook wanneer een slider wél verdedigbaar is.

Waarom een slider uw website traag maakt

Een slider laadt niet één afbeelding maar vijf, en meestal in volle breedte. Dat zijn vijf grote bestanden waarvan er vier niet nodig zijn op het moment dat de pagina verschijnt. Sommige sliderplugins laden die pas bij het wisselen, veel doen dat niet.

Daar komt de techniek bij. Een slider heeft JavaScript nodig voor de animatie, de pijltjes, de bolletjes en het automatisch doorlopen, plus een eigen stylesheet. Populaire sliderplugins slepen honderden kilobytes aan code mee, vaak ook op pagina’s waar helemaal geen slider staat. Bij paginabouwers zit de slider ingebakken en wordt alles standaard geladen.

Het gevolg zit precies op de plek waar Google en uw bezoeker het meest op letten: het grootste element bovenaan de pagina. Dat is de meetwaarde LCP uit de Core Web Vitals. Een slider vertraagt die bijna per definitie, omdat het eerste beeld moet wachten op script en stylesheet voordat het getoond mag worden. Een gewone afbeelding staat er direct. Hoe u die meetwaarde verbetert, leest u in dit artikel over LCP.

En dan de verspringing. Veel sliders reserveren geen ruimte voordat ze geladen zijn, waardoor de hele pagina naar beneden schuift op het moment dat de slider verschijnt. Bezoekers klikken mis, en Google rekent dat aan als lay-outverschuiving.

Bezoekers kijken er nauwelijks naar

Het argument dat ons het meest overtuigt, is niet technisch. Het is gedrag. Onderzoeken naar klikgedrag op sliders, onder meer bij universiteiten en grote webshops, laten al jaren hetzelfde beeld zien: het overgrote deel van de klikken gaat naar de eerste dia. De tweede tot en met vijfde dia worden door een klein percentage van de bezoekers gezien en door nog minder mensen aangeklikt. We noemen bewust geen exacte percentages, omdat die per site verschillen, maar de trend is consistent.

De reden is simpel. Mensen scrollen. Ze wachten niet zeven seconden op de volgende dia. Bewegende elementen bovenaan een pagina worden bovendien onbewust als reclame gezien en genegeerd, een effect dat al bekend is sinds de eerste banners.

Wie iets wil zeggen, moet het dus in de eerste dia zeggen. Maar als de eerste dia het belangrijkst is, waarom zijn er dan nog vier?

De slider als vergaderoplossing

Hier zit de kern. Een slider is zelden een keuze vóór de bezoeker. Het is een manier om een interne discussie te vermijden: wat is de belangrijkste boodschap van onze homepage? Dat is een lastige vraag, en de slider maakt het mogelijk om hem niet te beantwoorden. Iedereen krijgt een dia.

Maar de bezoeker heeft die vraag wél. Hij komt binnen en wil in een paar seconden weten: waar ben ik, wat doen ze hier, en is dat wat ik zoek? Een slider die dat antwoord over vijf wisselende beelden verdeelt, geeft het antwoord in feite niet. Bij een aannemersbedrijf in Deventer zagen we een slider met achtereenvolgens een nieuwbouwwoning, een badkamer, een vacature, een zonnepaneel en een certificaat. Een bezoeker die een dakkapel wilde, wist na vijf dia’s nog niet of hij goed zat.

Wat u in de plaats zet

  1. Eén sterk beeld dat laat zien wat u doet, goed gecomprimeerd en in de juiste maat, zodat het direct in beeld staat.
  2. Eén kop die in één zin zegt wat u voor wie doet. Niet de missie, niet de slogan, de dienst.
  3. Eén knop naar de meest gevraagde volgende stap: offerte, afspraak, bellen.
  4. Daaronder uw drie of vier belangrijkste diensten als aparte blokken. Daar kunnen de andere boodschappen uit de slider terecht, en ze zijn dan ook vindbaar in plaats van voorbijgeschoven.

Dat is niet alleen sneller. Het dwingt tot een keuze, en die keuze is bijna altijd goed voor het aantal aanvragen. Het aannemersbedrijf uit het voorbeeld koos voor “verbouwingen en dakkapellen in de regio Deventer” met één foto en één knop. De laadtijd van de homepage daalde met ruim een seconde op mobiel, en het aantal offerteaanvragen ging omhoog; hoeveel daarvan aan de snelheid en hoeveel aan de duidelijkheid lag, is niet uit elkaar te halen. Dat hoeft ook niet.

Wanneer een slider wel te verdedigen is

We zijn niet dogmatisch. Er zijn situaties waarin een carrousel zinvol is: een fotograaf of architect die werk wil tonen, een productgalerij op een productpagina waar de bezoeker zelf bladert, of een webshop die bewust drie acties naast elkaar wil tonen. Het verschil zit in de bediening: laat de bezoeker zelf bladeren, laat de slider niet automatisch draaien, en zorg dat de eerste dia op zichzelf compleet is.

Kiest u toch voor een slider, dan zijn er manieren om de schade te beperken: alleen de eerste afbeelding direct laden, vaste hoogte reserveren, de sliderscripts alleen op de homepage laden en een lichte plugin gebruiken. Dat vergt afstelling, en die afstelling is precies wat er bij de meeste sites nooit gebeurt. Wie zijn site laat nakijken in een snelheidsoptimalisatie door een specialist krijgt dat in de regel als een van de eerste aanbevelingen terug; bij WebMaintor is het een vast punt in de controle, en we adviseren vaker om de slider te vervangen dan om hem te versnellen.

Conclusie

Een slider op de homepage voelt als een investering in een levendige site, maar is in de praktijk een rem op de laadtijd en een uitgestelde beslissing over uw boodschap. Kijk vandaag eens naar uw eigen homepage op een telefoon en stel uzelf de vraag: als alleen de eerste dia mocht blijven, welke zou dat zijn? Dat is meestal het antwoord op wat er bovenaan moet staan. En als u wilt weten hoeveel laadtijd de slider u werkelijk kost, is een korte meting met een van de gratis tools genoeg om het te zien.