Cart-Power Add-On: Lazy Load For Images and Blocks

Dear friends!

We have released a new add-on: Lazy Load for Images and Blocks!

lazy_load_01062022.jpg

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.

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

What does it threaten?

- Customers go to competitors and it is easier for them to return to the search engine and choose another online store.

- A 0.1 second download delay reduces conversion by 7% (according to Akamai).

- It is less likely that users will return to the site. According to Google, negative user experience reduces the likelihood of a repeat purchase by 60%.

- 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 and Blocks add-on is especially effective on pages with more than 50 products. According to the results of our measurements on the test site (there are 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.

Compatibility

CS-Cart and Multi-Vendor versions 4.3.6 and above.

Works correctly with the popular themes YOUPI and UniTheme.

If you have any questions, please feel free to ask them in this thread or contact us.

Buy now Lazy load for images and Blocks add-on

Check the DEMO

Перейти в обсуждение данного модуля на форуме на русском языке.

Don't mean to hijack but why is mobile a lot slower than desktop? Fixing whatever causes mobile to be slower would be more beneficial in my opinion.

Hello,
Thank you for your comment.
Google PageSpeed Insights test says that the main reason why the mobile is slower than desktop is the format and size of the images used in CS-Cart demo.
If you optimize images, most likely you will not notice the difference in the load speed of the mobile and desktop versions.
Image-optimization add-on can help you keep all images of your store optimized.
The Image-optimization add-on is not yet compatible with CS-Cart versions above 4.9.3, but we plan to update it till the end of February 2020.
Feel free to contact us if you have any questions.

That doesn't make sense. They both use the same images yet mobile is considerably slower.

The thing is that Google PageSpeed Insights tests mobile version of the store using 4g mobile network which is much slower than wired connection. It takes more time to load the same images through the 4g network compared to wired connection. That makes the page size critical for the page load speed for mobile version.

is this Addon word with latest version , how improvement with mobile speed test from Google? as default theme do you think cs-cart score up to 70/100 ++ .

I checked alot of live site most of all just 30-40 mobile speed google score!!

Hello!

Although the add-on decreases the number of database requests while loading a page, internal Google calculating algorithms were reworked. We checked page loading speed on our add-on live demo, current results are: 67 for desktop, 34 for moblie.

Hello!

Although the add-on decreases the number of database requests while loading a page, internal Google calculating algorithms were reworked. We checked page loading speed on our add-on live demo, current results are: 67 for desktop, 34 for moblie.

What do you mean decrease the number of database requests? Don't you mean reduce the number of requests on initial page load for images?

number of requests on initial page load for images

Yes, image requests to be more precise, thank you!

Dear Friends!

We have updated our Lazy load for images add-on to version 1.9 from 08 November 2021.

What is new:

[+] - 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.

If you have any questions - please contact us.

Official Add-on Page

Перейти в обсуждение данного модуля на форуме на русском языке

Best Regards,

Cart-Power

Dear Friends!

We have updated our Lazy load for images add-on to version 1.10 from 20 April 2022.

What is new:

[+] - 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.

If you have any questions - please contact us.

Official Add-on Page

Перейти в обсуждение данного модуля на форуме на русском языке

Best Regards,

Cart-Power

Dear Friends!

We have updated our Lazy load for images and blocks add-on to version 1.11 from 01 June 2022.

What is new:

[+] - 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

If you have any questions - please contact us.

Official Add-on Page

Best Regards,

Cart-Power

Dear Friends!

We have updated our Lazy load for images and blocks add-on to version 1.12 from 01 March 2023.

What is new:

[+] - Compatibility with PHP 8.0 was added.

If you have any questions - please contact us.

Official Add-on Page

Best Regards,

Cart-Power