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
  • 1646 posts

Posted 17 December 2019 - 02:41 PM #1

Friends!

 

We’ve released a new add-on: Lazy Load for Images.

 

co_lazy_load_marketplace_logo.png

 

The Lazy Load for Images 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 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:

 

- You can apply the Lazy Load to: Product images, Banners, images in html and smarty blocks, images in product and category description, images in pages content and blog.

 

- Or you can 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 threshold to load images. For example, setting threshold to 100 causes image to load 100 pixels before it appears on viewport.

 

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 add-on

 

Check the DEMO

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


Cart-Power.com / Cart-Power.ru (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
  • 3921 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
  • 1646 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.com / Cart-Power.ru (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
  • 3921 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
  • 1646 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.com / Cart-Power.ru (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)