Requirements

Install

Usage and main feature

By default this bundle will use picturefill to load the good version of the your variations.

You can also decide to lazy load the images, in this case the bundle uses unveil.js to load the good version of the variation alias name.

Today it handles 3 versions:

Mobile: viewport width < 640px

Desktop: default choice

Retina: devicePixelRatio > 1,

Then it is really interesting to understand that only the good version will be loaded in the browser.
The Lazy loading is based on the view port too, if an image is not visible on the screen it will be pre-loaded and loaded on the scroll action.

It means:

it reduces drastically the size and the load time of the page by not loading the non visible images