← Kennisbank

Lazy loading

Een techniek waarbij afbeeldingen pas laden als de bezoeker ernaartoe scrolt.

Lazy loading zorgt dat een pagina sneller in beeld verschijnt en bespaart mobiele data. Op moderne websites is het standaard.

Wat betekent dit in de praktijk?

Bij lazy loading laden afbeeldingen, video's of kaarten onder het zichtbare deel van het scherm pas als de bezoeker ernaartoe scrolt. Eerst laadt alleen wat direct in beeld is.

Waarom is dit belangrijk voor je bedrijf?

De pagina verschijnt sneller, gebruikt minder mobiele data en scoort beter op de Core Web Vitals. Vooral bij websites met fotogalerijen van projecten maakt dat verschil.

Voorbeelden en goede praktijken

  • Gebruik lazy loading voor afbeeldingen onder het eerste scherm.
  • Gebruik het niet voor de grote afbeelding bovenaan. Dat vertraagt de LCP.
  • Geef afbeeldingen vaste afmetingen, zodat de opmaak niet verspringt.
  • Laad kaarten en video's pas na een klik.

Zo doen wij het bij Ikoon

Elke Ikoon-website bouwen we op maat, nooit met een template. Daardoor bepalen we zelf hoe afbeeldingen laden. Lazy loading gebruiken we waar het snelheid oplevert, terwijl de belangrijkste afbeelding bovenaan meteen laadt. Samen met onze snelle hosting zorgt dat voor een vlotte website.