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

What does this mean for your business?

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? 

Speed up your online store and improve user experience with our add-on Lazy Load for Images and Blocks". The Add-on allows you to optimize content loading by postponing the loading of images and blocks beyond the first screen. Images and content blocks are loaded only as they appear in the user's visibility area. This significantly speeds up page loading time, allowing your customers to access important information and products faster.

Proper implementation of lazy loading allows you to reduce the cumulative layout shift (CLS) during page loading, which is one of the key indicators affecting user experience. The absence of unexpected shifts of page elements creates a more comfortable interaction for your visitors.

The add-on has a positive effect on the loading speed of the main content (LCP), which is a critical factor for SEO and site quality assessment. Fast loading of the main content increases the chances of high positions in search engines and attracts more customers.

Increased Conversion: A fast loading website keeps visitors engaged and reduces bounce rates. The faster a user sees your content, the more likely they are to make a purchase!

Features:

• 2 modes of lazy load emplementation: browser built-in ttols or script.
• Possibility to load content a specified number of pixels before it appears on the screen, which improves user experience.
• The main product image, logo and first banner in the slider are always loaded without delay.
• In the layout settings, you can enable lazy load of all blocks in the section (except for the main content block).
• At the block level, you can disable lazy load of content.
• For blocks loaded lazyly, the height is configured for each device type to minimize the overall shift in the layout when loading content.

Upgrades

6 months of the free upgrade period included.

View discussion on CS-Cart forum