Lazy Loading of Images – Responsive Ready

Lazy Loading of images on a web page allows to save bandwidth and resources by loading only those images visible for the user. Thus said, when the user scrolls down, images that get into the user’s viewport – or close to it – will be loaded dynamically via javascript.

Today, many javascript plugins exist to solve this problem. One of the most famous ones is the Lazy Load jquery plugin by Mika Tuupola.

However, while lazy loading is a very nice feature, responsiveness is at least of the same criticality. To solve lazy loading and responsiveness at the same time, I switched to the jquery plugin Unveil (GitHub) provided by Luis Almeida.