Add-on - Lazy loading images

The add-on is included in the SpeedUP add-ons package for CS-Cart projects (supplied free of charge as part of the package)).

The add-on allows, when loading a website page by a browser, to postpone the loading of images of this page at the point in time when they are necessary for displaying to the user. This allows you to save resources and make the page load faster (mechanics are a Google requirement for site performance and are mandatory to use).

Video with Lazy load for images add-on in work

Lazy loading images is designed to solve several problems at once:

• Decreases initial load time - lazy loading of a web page reduces its weight, which allows faster page loading;
• Conserve bandwidth - lazy loading conserves bandwidth by delivering content to users only on demand;
• Conservation of system resources - lazy loading saves resources of both the server and the client, because only some images, JavaScript and other code really need to be rendered or executed, all the rest should be loaded when necessary;
• Improves Google PageSpeed Insights metrics for site pages.

Why is our implementation of the lazy load function preferred to use?

• we use technology that is widely supported by modern browsers and is recommended by Google experts;
• our add-on does not harm image search engine optimization (yes, images are also indexed and participate in search results).

Attention: to achieve maximum performance indicators on the site pages, it is necessary to combine the mechanics of lazy loading (postloading) and preloading images: we preload those images that the user sees on the screen first and lazily load those that he should see during further interaction with the page (and only if there is such an interaction).

For the preload function, we have provided Preload add-on for CS-Cart and Multi-Vendor.