Beeldopbouw

Direct laden of wachten tot het beeld dichterbij komt

Met loading=eager laadt een browser een afbeelding direct. Met loading=lazy kan de browser wachten tot het beeld binnen een berekende afstand van het zichtbare deel komt.

Eager is de standaardwaarde. Bij lazy bepaalt de browser zelf welke afstand hij hanteert. De instelling betekent dus niet dat ieder beeld precies op dezelfde scrollpositie begint te laden.

Geef ook bij uitgesteld laden width en height op om ruimte te reserveren. MDN vermeldt bovendien dat laden alleen wordt uitgesteld wanneer JavaScript aanstaat. Het schema beschrijft het onderscheid, niet een vaste wachttijd.

Eager laadt direct; lazy gebruikt een door de browser bepaalde afstand tot het zichtbare deel.
Eager laadt direct; lazy gebruikt een door de browser bepaalde afstand tot het zichtbare deel.