Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Cart-Power Add-On: Lazy Load For Images Rate Topic   * * * * * 1 votes

 
  • Cart-Power
  • Senior Member
  • Authorized Reseller
  • Join Date: 12-May 14
  • 1791 posts

Posted 17 December 2019 - 02:41 PM #1

Friends!

 

We’ve 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 — it’s 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’s 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:

 

 

cp-lazy_load_before_desktop_en.png

cp-lazy_load_before_mobile_en.png

After add-on installing:

 

cp-lazy_load_after_desktop_en.png

cp-lazy_load_after_mobile_en.png

 

 

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

Перейти к обсуждению этого модуля на русском форуме CS-Cart


Cart-Power (sales@cart-power.com) offers you:
CS-Cart add-ons :: CS-Cart themes :: CS-Cart development :: CS-Cart license
Работаем с англоязычными и русскоязычными клиентами (work with English-speaking and Russian-speaking customers)


 
  • The Tool
  • Been Here Way Too Long Member
  • Members
  • Join Date: 30-Mar 07
  • 4006 posts

Posted 18 December 2019 - 04:15 AM #2

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.



 
  • Cart-Power
  • Senior Member
  • Authorized Reseller
  • Join Date: 12-May 14
  • 1791 posts

Posted 18 December 2019 - 07:25 AM #3

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.

Cart-Power (sales@cart-power.com) offers you:
CS-Cart add-ons :: CS-Cart themes :: CS-Cart development :: CS-Cart license
Работаем с англоязычными и русскоязычными клиентами (work with English-speaking and Russian-speaking customers)


 
  • The Tool
  • Been Here Way Too Long Member
  • Members
  • Join Date: 30-Mar 07
  • 4006 posts

Posted 18 December 2019 - 11:41 AM #4

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



 
  • Cart-Power
  • Senior Member
  • Authorized Reseller
  • Join Date: 12-May 14
  • 1791 posts

Posted 18 December 2019 - 12:06 PM #5

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.


Cart-Power (sales@cart-power.com) offers you:
CS-Cart add-ons :: CS-Cart themes :: CS-Cart development :: CS-Cart license
Работаем с англоязычными и русскоязычными клиентами (work with English-speaking and Russian-speaking customers)


 
  • cuongipvn
  • Newbie
  • Members
  • Join Date: 14-May 21
  • 1 posts

Posted 14 May 2021 - 06:47 AM #6

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!!



 
  • Cart-Power
  • Senior Member
  • Authorized Reseller
  • Join Date: 12-May 14
  • 1791 posts

Posted 18 May 2021 - 06:53 AM #7

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. 


Cart-Power (sales@cart-power.com) offers you:
CS-Cart add-ons :: CS-Cart themes :: CS-Cart development :: CS-Cart license
Работаем с англоязычными и русскоязычными клиентами (work with English-speaking and Russian-speaking customers)


 
  • harmsmitsdev
  • Senior Member
  • Members
  • Join Date: 22-Feb 20
  • 240 posts

Posted 18 May 2021 - 01:08 PM #8

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?


Best Brands Support - We empower your business!

info@bestbrands.eu


 
  • Cart-Power
  • Senior Member
  • Authorized Reseller
  • Join Date: 12-May 14
  • 1791 posts

Posted 19 May 2021 - 05:26 AM #9

number of requests on initial page load for images

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


Cart-Power (sales@cart-power.com) offers you:
CS-Cart add-ons :: CS-Cart themes :: CS-Cart development :: CS-Cart license
Работаем с англоязычными и русскоязычными клиентами (work with English-speaking and Russian-speaking customers)


 
  • Cart-Power
  • Senior Member
  • Authorized Reseller
  • Join Date: 12-May 14
  • 1791 posts

Posted 09 November 2021 - 05:25 AM #10

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


Cart-Power (sales@cart-power.com) offers you:
CS-Cart add-ons :: CS-Cart themes :: CS-Cart development :: CS-Cart license
Работаем с англоязычными и русскоязычными клиентами (work with English-speaking and Russian-speaking customers)


 
  • Cart-Power
  • Senior Member
  • Authorized Reseller
  • Join Date: 12-May 14
  • 1791 posts

Posted 22 April 2022 - 12:33 PM #11

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


Cart-Power (sales@cart-power.com) offers you:
CS-Cart add-ons :: CS-Cart themes :: CS-Cart development :: CS-Cart license
Работаем с англоязычными и русскоязычными клиентами (work with English-speaking and Russian-speaking customers)


 
  • Cart-Power
  • Senior Member
  • Authorized Reseller
  • Join Date: 12-May 14
  • 1791 posts

Posted 01 June 2022 - 07:38 AM #12

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


Cart-Power (sales@cart-power.com) offers you:
CS-Cart add-ons :: CS-Cart themes :: CS-Cart development :: CS-Cart license
Работаем с англоязычными и русскоязычными клиентами (work with English-speaking and Russian-speaking customers)