UPD. 24.04.2019
CS-Cart Module "Lazy Load for Images" allows you to delay loading for hidden or overflow images. It significantly increases page load speed and interaction with website. Also it is important point of Google Page Speed Insights, that could give up to 30 speed points and much better SEO advantage.
Features:
- integrated with UniTheme and YoupiTheme
- easy lazy load integration for custom images
To see module functionality scroll down the homepage and you'll see that new big images are loading. Also to check it you can see that scroller size at the right side is changing when new image appears.
The default installation adds lazy load for the following objects:
- Homepage banners
- Product images in blocks and categories page
- Product image at the product view page
To add a lazy load for the <img> tag you have to add the "csc-lazy" class and change the "src" attribute to "data-src", for ex.
<img data-src="https://s1.1zoom.ru/big3/297/Canada_Mountains_Scenery_488936.jpg" class="csc-lazy">
If image loads from the background css property, you have to remove it and att the data-bg attributem for ex:
<div class="csc-lazy" data-bg="url(https://godovas.ru/images/abt__yt_banners/57/baner1.jpg)">