CS-Cart Module: Lazy Load for Images

Reviews at Marketplace | Reviews at Forum
 
$57.00
Please, specify domain name on which software will be installed. If you purchase a few licenses, specify all domain names by using comma.
csc_lazy_images

This product is electronically distributed.

Add to wish list

UPD. 16.02.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

Storefront

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)">