Kost een slider laadtijd?
Een slider kost laadtijd, en meer dan je denkt. Alle beelden worden opgehaald, ook die niemand te zien krijgt, plus het script dat ze laat wisselen.
Bij vier beelden over de volle breedte praat je al gauw over megabytes.
En dat gebeurt precies op je belangrijkste pagina.
Wat het precies kost
Vier beelden van vijfhonderd kilobyte zijn twee megabyte, plus een script van enkele tientallen kilobytes.
Meer daarover lees je bij pagespeed.
Het tweede effect
Je score voor het grootste element verslechtert, want dat element wisselt steeds. Google meet dat als instabiliteit.
Meer daarover lees je bij waarom ontwerpers sliders afraden.
Wat je eraan kunt doen
Laad alleen het eerste beeld direct en stel de rest uit. Dat scheelt meteen het grootste deel.
Meer daarover lees je bij mobile first.
Mijn vuistregels
- Alleen het eerste beeld direct laden.
- Hooguit drie beelden.
- Comprimeer stevig.
- Meet met en zonder.
Die laatste levert vaak het argument om hem helemaal weg te halen.
Op mobiel
Daar telt het zwaarder: een tragere verbinding en een kleiner scherm waar de slider vaak toch niet past.
Meer daarover lees je bij accessibility.
Het alternatief in cijfers
Eén goed gecomprimeerd beeld weegt tweehonderd kilobyte. Dat is een tiende van een slider met vier beelden.
Meer daarover lees je bij wat een goed alternatief is.