Wat is lazy loading?
Lazy loading laadt afbeeldingen en ingesloten vensters pas als ze in beeld komen. Alles onder de vouw wacht tot je bezoeker ernaartoe scrollt.
Dat scheelt bij het openen van een pagina alles wat niemand meteen ziet.
Bij een lange pagina met twintig afbeeldingen is dat het grootste deel.
Waarom het helpt
Je bezoeker wacht alleen op wat hij nu ziet. De rest komt vanzelf terwijl hij leest.
Op een mobiele verbinding scheelt dat direct merkbaar. Meer daarover lees je bij pagespeed.
Hoe het werkt
Bij de afbeelding staat een aanwijzing dat hij mag wachten. De browser regelt de rest zelf.
Dat is tegenwoordig ingebouwd; je hebt er geen script voor nodig. Meer daarover lees je bij hoe je het aanzet in WordPress.
Waar het niet voor is
Voor wat direct in beeld staat. Je heroafbeelding vertraagd laden maakt je pagina juist langzamer.
Meer daarover lees je bij wanneer je het juist niet gebruikt.
Mijn vuistregels
- Aan voor alles onder de vouw.
- Uit voor je eerste afbeelding.
- Zorg dat afbeeldingen hun ruimte al innemen, anders springt je pagina.
- Werkt ook voor ingesloten vensters; gebruik dat.
Die derde voorkomt dat je pagina verspringt tijdens het lezen.
Wat het niet oplost
Zware afbeeldingen. Ze worden later geladen, niet kleiner.
Verklein je beeldmateriaal dus alsnog. Meer daarover lees je bij cache.
Sinds wanneer
Browsers ondersteunen het al jaren en WordPress zet het standaard aan voor afbeeldingen.
Meer daarover lees je bij frontend.