Vertraagt een lightbox je website?
Een lightbox vertraagt je website nauwelijks, mits je de grote versies pas bij het openen laadt.
Doe je dat niet, dan haalt elke bezoeker vijftien grote foto’s op voor misschien één blik.
Dat is waar de vertraging zit, niet in de lightbox zelf.
Wat het script kost
Een moderne bibliotheek is enkele tientallen kilobytes. Dat merk je niet.
Een oudere die jQuery meebrengt kost een veelvoud. Meer daarover lees je bij javascript.
Wat de afbeeldingen kosten
Alles. Vijftien foto’s van driehonderd kilobyte is vier en een halve megabyte, en dat is meer dan je hele pagina zou moeten wegen.
Meer daarover lees je bij lazy loading.
Hoe je het goed doet
Toon kleine voorbeeldafbeeldingen in je overzicht en laad de grote versie pas bij de klik.
Dat is bij de meeste plugins een instelling. Meer daarover lees je bij pagespeed.
Mijn vuistregels
- Kleine voorbeelden in het overzicht.
- Grote versie pas bij het openen.
- Eén bibliotheek, niet drie.
- Video pas laden bij het openen.
Die derde komt vaker voor dan je denkt: thema, paginabouwer en galerijplugin brengen er elk een mee.
Hoe je dat controleert
Kijk in het netwerktabblad welke scripts er laden. Zie je meerdere bestanden met lightbox in de naam, dan heb je dubbel werk.
Meer daarover lees je bij dom.
Wat het oplevert
Bij een galerijpagina vaak megabytes. Dat is de grootste snelheidswinst die je op zo’n pagina kunt halen.
Meer daarover lees je bij wanneer je een lightbox gebruikt.