Lazy load for images

Lazy Load for Images and Blocks

(2)
The Lazy Load for Images and Blocks add-on is a simple but efficient way to optimize the page load speed. It improves SEO, gives your customers a better experience and boosts your sales.
Enter the comma separated URLs of the storefronts where this product will be used.
Select the CS-Cart edition on which you will use the add-on.
The update period determines the period of time when you can get access to the new versions of this add-on compatible with the new versions of CS-Cart software released during the chosen period.
To instal the add-on, we will need the FTP access to your server. Please send it along with the order number to sales@cart-power.com once the order is paid.

The default CS-Cart loads all images of the page at once that increases the page load time.

What does it threaten?
  1. Customers go to competitors — it’s easier for them to return to the search engine and choose another online store.
  2. A 0.1 second download delay reduces conversion by 7% (according to Akamai).
  3. It’s less likely that users will return to the site. According to Google, negative user experience reduces the chance of a repeat purchase by 60%.
  4. Download speed affects the ranking of the site in search engines. If the site takes a long time to load, the search engine robot may not have time to completely index it.
How to fix it? 

The basic idea is simple — to delay the download of everything that the user does not need right now. We have released Lazy Load for Images add-on, which doesn’t load images immediately when a page is opened, but as it scrolls. This helps improve performance and use device resources economically.

The Lazy Load for Images add-on is especially effective on pages with more than 50 products. According to the results of our measurements on the test site (there was 54 products and 3 banners on the page), the page loading speed doubles.

Before add-on installing:

After add-on installing:


Features:

  • Ability to apply the Lazy Load to: Product, Category, Banners images, images in HTML and smarty blocks, images in product and category description, images in pages content and blog;
  • Ability to apply the Lazy Load to whole product blocks (the setting affects the entire content of the block, not just the images in it);
  • Ability to set the delay time to load all images. In this case, the page loads without images, and all images start to load once the delay time is over;
  • The Lazy load supports both vertical and horizontal scroll. The last one is for blocks with the scroller template;
  • By default, images are loaded when they appear on the screen. If you want images to load earlier you can set the threshold to load images. For example, the setting threshold to 100 causes an image to load 100 pixels before it appears on the viewport;
  • 2 load effects to choose from: fadeIn or show, with the ability to set the effect time;
  • Ability to display the image preloader and choose one of the 5 proposed variants;
  • Image preload - the ability to configure lazy load exceptions (the number of images that need to be loaded immediately), for different types of product lists separately for different types of devices (Smartphone, Tablet or PC);
  • Ability to disable lazy load of product images on the product page.

Support

Learn more in add-on documentation.

Need modifications or any assistance? Please, feel free to contact us via HelpDesk system.


Upgrades

6 months of the free upgrade period included.

  • CS-Cart B2C
  • CS-Cart B2B
  • CS-Cart B2B & B2C
  • CS-Cart Ultimate
  • Multi-Vendor
  • Multi-Vendor Plus
  • Multi-Vendor Ultimate
  • 4.18.x
  • 4.17.x
  • 4.16.x
  • 4.15.x
  • 4.14.x
  • 4.13.x
  • 4.12.x
  • 4.11.x
  • 4.10.x
  • Responsive
  • UniTheme
  • YOUPI Theme
Please, Contact us, if you need add-on for another version.
Модуль хороший. Рекомендую и модуль и поддержку. После установки выявился баг на сайте - команда внесла корректировки - модуль работает отлично!.
PageSpeed Insights показал, что наиболее важно для загрузки нашего сайта - отложить загрузку скрытых изображений. У нас уже был опыт совместной работы с Cart Power, поэтому мы в первую очередь обратились сюда и нашли этот модуль. После установки модуля получили увеличение скоринга более 10 пунктов, поэтому можем рекомендовать модуль к приобретению и использованию.
Write a review

CS-Cart/ Multi-Vendor 4.10.1 - 4.18.2
Version 1.12 from 22 Feb 2023
[+] - Compatibility with PHP 8.0 was added.

Version 1.11 from 01 Jun 2022
[+] - The ability to set the block height before asynchronous loading was added.
[+] - The ability to enable a lazy load of images for separate blocks.
[*] - The add-on was renamed to “Lazy load for images and blocks”

Version 1.10 from 20 Apr 2022
[+] - The ability to use lazy load for whole product blocks was added.
[*] - On the product page, lazy load is no longer applied for product images.

Version 1.9 from 08 Nov 2021
[+] - The "preload for images" - the ability to disable lazy load for some elements was added.
[+] - The ability to disable the lazy load in blocks inside certain sections of the layouts was added.
[*] - The add-on settings were split into sections.
[!] - When the lazy load for images in HTML blocks was used, the links in the content of these blocks could break. Fixed.
[!] - There was an issue with the clickability of the phone number links in the header of the site. Fixed.

Version 1.8 from 30 Sep 2020
[+] - Slick scroller support was added.
[!] - There was a conflict with the add-ons that use the image.override template. Fixed.
To work correctly, you need the "Cart-Power: Addons Manager" add-on version 1.5 and higher.

Version 1.7 from 30 Jul 2020
[!] - The thumbnails for gifs were generated as images. Fixed.
You may need to clean up the generated thumbnails in the admin panel of your store after the upgrade.

Version 1.6 from 04 Jun 2020
[+] - The ability to enable Lazy load for images in html and smarty blocks, product and category description, pages content, and blog was added.

Version 1.5 from 25 Mar 2020
[!] - Image paths of loaders generated incorrectly on some servers. Fixed.
[!] - Loaders were incorrectly displayed on the product details page if the big picture view was used. Fixed.

Version 1.4 from 23 Mar 2020
[+] - Compatibility with banners of the earlier versions of Youpi and Uni themes.
[!] - Some pictures were not displayed when switching tabs. Fixed.

Version 1.3 from 31 Jan 2020
[!] - A bug with displaying images in a pop-up window for CS-Cart versions below 4.9.3. Fixed.
[!] - The issue with the display of product options images. Fixed.

Version 1.2 from 13 Jan 2020
[!] - fixed bug when turning over the banner for versions 4.11.x

Version 1.1 from 20 Dec 2019
[*] - loader sizes reduced
[!] - minor module bugs fixed

Version 1.0 from 06 Dec 2019

$50.00
Get 20 technical support credits
ATTENTION! Make sure your store version and theme is listed in the sections below.
Product edition:
  • CS-Cart B2C
  • CS-Cart B2B
  • CS-Cart B2B & B2C
  • CS-Cart Ultimate
  • Multi-Vendor
  • Multi-Vendor Plus
  • Multi-Vendor Ultimate
Supported versions:
  • 4.18.x
  • 4.17.x
  • 4.16.x
  • 4.15.x
  • 4.14.x
  • 4.13.x
  • 4.12.x
  • 4.11.x
  • 4.10.x
Themes compatibility:
  • Responsive
  • UniTheme
  • YOUPI Theme

Customers like

Key Features

  • 14 Days Money Back Guarantee
    Money back guarantee
  • Guaranteed Bug Free
    Free bug fixing forever

    We guarantee a fix for a reported bug within 20 business days. 

  • Easy Installation
    Easy to install

    It takes 5 minutes to instal our products using the step-by-step instructions.

  • Multilingual
    Multilingual by default

    Translated in English and Russian. The language variables of the add-on are edited right through the administration panel of the store, so you can add your translation easily.

  • Open access to the source code
    Open access to the source code

    Our code is 100% open. Anyone can check the code and see what is under the hood. All kinds of modifications are possible.

  • No changes in the CS-Cart core
    No changes in the CS-Cart core

    We do not make any changes in the engine's core to comply with the CS-Cart development standards. So you will not get in trouble upgrading your CS-Cart store to the next version.

  • Speed optimization
    Speed optimization

    We understand that speed for an online store does matter. We analyse and optimize our add-ons code to make your store work as fast as possible.

  • Compatible with the mobile phones and tablets
    Compatible with the mobile phones and tablets

    Our products are tested on mobile devices, tablets; operating systems: Windows, MacOS, Linux; browsers: IE10+, Google Chrome, FireFox, Safari, Opera.

Additionally

  • "Ask
    Ask any questions

    If you have any questions on the product functionality or you are not sure that you got everything right, contact us, and we’ll get back to you within one business day!

  • If you have any modifications
    Information for owners of modified web stores

    We can not guarantee the compatibility of our add-ons if you have a modified store or there are third party add-ons installed. We can adapt our products to your store on a paid basis. Please contact us for a quote.

 
contact us for a
Free Quote