README

Catalog Images Lazy Load for Magento2 / Adobe Commerce

Like most e-commerce site by default Magento / Adobe Commerce loads, all products images on page load, which can lead to your site becoming extremely slow on mobile or other devices as your customer browser tries to download all images which they may not even view or see.

Our free Lazy Loading extension for Magento 2 highly improves your page loading time and Google Page Ranking by only loading product images as the user scrolls. Images are only requested and download from your server once that photo is needed and the user is about to scroll to that item. Fully integrated with default Magento 2 functionality, our lazy loading functionality is applied to product listing pages, search pages, and product detail pages to enhance the load of related, up-sell and cross-sell products as needed.

Having a good user experience is crucial to the success of your online store and improving your page loading time will lead to better conversion, improved SEO score, and page ranking.

Reduce load time by Loading images on-demand while saving server resources, bandwidth and improving your users' experience.

Improve your customer shopping experience with our new Catalog Hover Image for Magento

What set us apart from other Magento Lazy Load extension?

A Lazy Load extension was meant to speed up your site, yet 99% of Magento 2 Lazy Load extensions make your website loading appear slower to your customer by constantly delaying loading of your photos which are worth a million words.

Unlike other Lazy Load extensions for Magento, our extension take into consideration that the first 'x' amount of products images will appear above your browser page fold on your category pages and should be displayed as quickly as possible. Therefore we skip applying lazy loading functionality for these images.

This is important because:

Your site will appear to load much faster to your customer because they won't have to wait for Javascript to activate your images.
Your products image will start to display immediately as your browser fetches them, instead of waiting for Javascript to activate them which will normally cause 1-5 seconds delay and largely depended on the speed of your customer's computer.
On subsequences visit, your top 'x' images just appear because they are already cached, while other extensions will still delay loading.

You can quickly and easily configure the number of images to show instantly base on your site need in our configurable in system configuration.

Benefits

Lazy Load extension for Magento 2 only load images within the customer viewpoint and automatically load relevant images as the customer scrolls

Installation

Using Composer (recommended)

composer require magepal/magento2-cataloglazyload

Documentation

How to Installing Catalog Images Lazy Load for Magento2

How to setup Catalog Images Lazy Load for Magento2

Contribution

Want to contribute to this extension? The quickest way is to open a pull request on GitHub.

Support

If you encounter any problems or bugs, please open an issue on GitHub.

Need help setting up or want to customize this extension to meet your business needs? Please email support@magepal.com and if we like your idea we will add this feature for free or at a discounted rate.

magepal / magento2-cataloglazyload

Maintainers

Details