Lazy load en preload

gepost op Donderdag 18 maart 2010 door Thomas

Lazy load is een jquery plugin geschreven in JavaScript. Met deze plugin worden afbeeldingen pas gedownload wanneer je er naar scrollt. Je kan een duidelijk voorbeeld bekijken in onze blog en portfolio. De pagina zal sneller laden omdat de foto's die nog niet zichtbaar zijn niet worden gedownload. Het is dus eigenlijk het tegenovergestelde van preloading van afbeeldingen.

Lazy Load

Het lazy load scriptje is zeer eenvoudig te implementeren. Je kan zelf instellen welke foto's er wel en niet moeten lazy loaden. Het is bijvoorbeeld niet aan te raden om dit op je navigatie of layout afbeeldingen toe te passen. Het kan wel interessant zijn voor lange blogberichten met veel (grote) foto's. Niet enkel de client heeft hier voordeel bij. De server zal ook minder request krijgen.

Preload

Met preloading worden je afbeeldingen al ingeladen voor je naar de bewuste pagina hebt gesurft. Dit kan handig zijn bij fotogallerijen. Zo kan de bezoeker zeer snel alle foto's in een hoge resolutie bekijken. Maar er zal uiteraard nog altijd moeten gedownload worden. Je kan het preloaden dan bijvoorbeeld starten als je de thumb afbeeldingen van je gallerij weergeeft.

Download pagina lazy load