Essential Features
When designing a site for a client, one of the most important factors is page download time. Pages MUST download in under 2 seconds and that means on mobile devices too.
To achieve this goal images must be inserted in two sizes - one for computers and another half that size for mobile devices. Ideally, they should also lazy load if there is more than two images on a page.
Slideshow
Sliders are the worst for slowing down pages and using up mobile users data limits and battery power. It should be obvious that a slideshow that will be viewed on mobile devices should NOT be set to autoplay!
There aren't too many slideshows around that can load different image sizes for desktop and mobile and lazy load the images. The ThemeKit Pro Slider has been specially developed for this purpose. The larger images are dragged from the Finder onto the Assets Liist in the widget settings and the smaller ones arre dragged ino the main Assets to be selected as required.
Lazy Load
The images are lazy loaded as required. The viewable image and its previous and next image are downloaded at page load and the rest download as the slideshow progrsses. This is the optimal setting for lazy loading in slidehows since it means that the next and previous image is always ready to view and the loading spinner will never be seen.