Wat is lazy loading?
Lazy loading is een techniek waarbij onderdelen van een webpagina pas worden geladen wanneer ze nodig zijn. In plaats van alles tegelijk te laden, worden afbeeldingen, video’s of andere elementen pas opgehaald wanneer ze in beeld komen.
Dat betekent dat content die onderaan de pagina staat, niet meteen wordt geladen bij het openen van de pagina.
Hoe werkt lazy loading?
Wanneer een bezoeker een pagina opent, laadt de browser eerst alleen de inhoud die direct zichtbaar is. Pas wanneer iemand naar beneden scrollt, worden extra elementen ingeladen.
Zo hoeft de browser niet meteen alle bestanden te verwerken, wat zorgt voor een snellere eerste laadtijd.
Waarom wordt lazy loading gebruikt?
Lazy loading wordt vooral ingezet om laadsnelheid te verbeteren. Minder data laden aan het begin betekent:
- snellere eerste indruk
- minder belasting voor de server
- vlottere gebruikerservaring
Dat is vooral merkbaar op pagina’s met veel afbeeldingen of lange content.
Lazy loading en prestaties
Lazy loading kan een positieve impact hebben op Core Web Vitals, zoals Largest Contentful Paint (LCP), zolang het correct wordt toegepast.
Belangrijk is dat essentiële content, vooral above the fold, niet wordt vertraagd door lazy loading. De techniek is bedoeld voor content die pas later zichtbaar wordt.
Lazy loading in de praktijk
Lazy loading wordt vaak standaard ondersteund door browsers en contentmanagementsystemen zoals WordPress. Daarnaast bestaan er plugins en instellingen die meer controle bieden over wat wel en niet lazy geladen wordt.
Correct toegepast merk je lazy loading eigenlijk niet. De pagina voelt gewoon sneller aan. Fout toegepast kan het net storend zijn, bijvoorbeeld wanneer afbeeldingen te laat verschijnen.