Werkt lazy loading ook voor video’s en kaarten?
Lazy loading werkt ook voor video’s en kaarten, en juist daar valt het meeste te winnen. Een ingesloten speler weegt vaak meer dan alle afbeeldingen op je pagina samen.
Anders dan bij afbeeldingen gebeurt dit niet vanzelf; je moet het instellen.
Er is bovendien een variant die nog meer oplevert.
De gewone manier
Het ingesloten venster krijgt dezelfde aanwijzing als een afbeelding en laadt pas als het in beeld komt.
Dat kan met een instelling in je cacheplugin. Meer daarover lees je bij iframe.
De betere manier
Toon een afbeelding met een afspeelknop en laad de echte speler pas na een klik.
Dan laadt er helemaal niets tot iemand de video echt wil zien. Meer daarover lees je bij embedden.
Waarom dat ook voor cookies uitmaakt
Een ingesloten video plaatst vaak cookies zodra je pagina laadt. Laad je hem pas na een klik, dan gebeurt dat pas na een bewuste handeling.
Dat scheelt een discussie over je cookiebanner. Meer daarover lees je bij cache.
Mijn vuistregels
- Laad video’s pas na een klik, niet alleen uitgesteld.
- Vervang een kaart door een afbeelding met een link.
- Geef het venster een vaste hoogte zodat je pagina niet verspringt.
- Meet je pagina met en zonder.
Die tweede levert bij vrijwel elke contactpagina direct winst op.
Wat het oplevert
Bij een pagina met één ingesloten video vaak enkele honderden kilobytes en een verbinding minder.
Dat is meer dan het uitstellen van tien afbeeldingen. Meer daarover lees je bij pagespeed.
Waar je op let
Dat de voorbeeldafbeelding zelf niet zwaar is, en dat de knop duidelijk is.
Meer daarover lees je bij hoeveel lazy loading scheelt.