User Guide

Magento 2 Lazy Load Extension Overview

Magento 2 Lazy Load extension serves Magento 2 based website. It not only creates eye-catching image emerging transition but also optimizes Magento 2 site speed. Especially, the extension is developed with SEO which promotes site rank in the SERPs.

How does Magento 2 Lazy Load extension work?

To make configuration of this module, follow these below instruction:

  • Step 1: Go to Admin Panel => Stores => Configuration
  • Step 2: At the left side of the page, find BSS Commerce => select Lazy Image Loader

After these 2 steps, a screen for configuration appears like the below picture:

../../_images/lazy_image_loader_1.jpg

There are 5 parts you can fix as your wishes: Enabled, Threshold, Exclude controllers, Exclude path, Exclude Home Page.

1. Enabled

You can select between enable and disable Magento 2 Lazy Load Extension by setting the status in Enabled box into “Enable” or “Disable”.

../../_images/lazy_image_loader_2.jpg

2. Threshold

In Threshold box, you can set the number pixel before image appear on the screen, then the image will be loaded earlier as the pixels you set. For instance, if you set the number in the box is 14, it means that the images will be loaded before when your scroll position is far from 14 pixels.

../../_images/lazy_image_loader_3.jpg

3. Exclude controllers, Path, Homepage

Magento 2 Lazy Load Extension allows admin deciding which part will be excluded from lazy-loaded function. To exclude controller, admin can click on Add and then filling the match in the box. Admin also can delete the Match and and add more by clicking on Delete, and Add button alternately.

../../_images/lazy_image_loader_4.jpg

Similar to Controller, admin can control the Path which they do not want to be affected by lazy image load.

../../_images/lazy_image_loader_5.jpg

Finally, admin can set whether Homepage be affected by lazy image load or not in the box Exclude Home Page.

../../_images/lazy_image_loader_6.jpg

After finishing all of these set-up steps, you can click on Save Config button to start using Magento 2 Lazy Load extension .