Lazy Load Media
Images make up about 70% of the average web page content and are the main reson why web page download times exceed the recommend download time. Web pages should download in under three seconds and even less for the Home page. Any linger and visitors will abond the site and look elsewhere.
Instead of downloading all the media files when the page is loaded in the browser, lazy loading defers download until the items are just about to enter the viewport as the page is scrolled. This results in a much faster page download time when the page contains several images, a slideshow or videos.
Full width, fixed height Hero style images and slideshows require large image files. Lazy loading is really essential due to the size of high resolution images required for these items.
On demand loading can also be applied to Vimeo and YouTube videos and should be used when there are two or more per page.
This widget pack introduces lazy loading animated layer sliders which are an essential feature of modern web design.
Click any widget icon to see the demo …