Magento 2 Lazy Load Image extension (Magepow_LazyLoad)
Images and products account for 70% of content on e-commerce websites. Reducing waiting time to load images makes the customer experience smoother, while also improving website performance.
Lazy Load extension by Magepow is the perfect solution to optimize your Magento website:
-
Speed up page loading
-
Save bandwidth for servers and customers
-
Improve website performance
-
Increase customer retention on the page
-
Ensure proper website layout during page load time
-
Improve website rankings on search engines
See more detailed introduction, documment, demo frontend, demo backend:
Genneral information
Lazy Load extension for Magento 2 allows you to enhance your page speed loading and improve your website performance too. With this extension, the product images, banners, sliders will be loaded by demands. For example, when a customer or visitor scrolls the mouse or goes down to the page, the images/banners/sliders will be loaded when they are visible.
Aside from the normal functions of Lazy Load extension, we have improved it by some settings in the Admin Panel that can help you much in control, manage, and get the best result such as Pre-loading body, pre-loading image, use exclude images class, regex block, set apply Lazy Load for ajax or not,... Also, the extension is very easy to customize fits your needs.
Highlight Features
-
Easy to Enable/Disable the extension in the Admin Panel
-
Allow using the Pre-loading body site and upload an image/icon for the Pre-loading body site. Customers will not see the whole site loading in the first look.
-
Allow using Pre-loading images to enhance speed loading.
-
Allow you to exclude some parts on the page that you don't want to apply the Lazy Load such as top banner, header,...by using the Exclude Image class field.
-
Placeholder images feature will help you keep the website layout (frame) while the images have not loaded completely
-
Regex Block: Enter the place that you want to use lazy load from that place to the footer by using id or class of block. For example, this will be good for people who want to keep the first content such as slider, header... not effected by the Lazy load
-
Lazyload Images Response Ajax: Allow you to apply the Lazy Load for ajax or not
-
Customize the Lazy Load: use particular scripts or style fit your needs in Scripts and Style Sheets field
-
Full lazy load all image in site
User Guide
How to install Magento 2 Lazy Load
✓ Install Magepow Lazyload via composer (recommend)
Run the following command in Magento 2 root folder:
composer require magepow/lazyload
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy -f
Lazy Load Extension Detail User Guide
Donation
If this project help you reduce time to develop, you can give me a cup of coffee :)
