Lazy Load

Magento 2 Extension — User Guide & Documentation

Magento 2.3.x / 2.4.xBy MagepowAdmin + Frontend

Vendor
Magepow Extensions

1 · Installation

Two ways to install — via Composer or by uploading the app folder. Both end with the same Magento CLI steps.

Before you begin: install the extension on a staging/test server first, and take a full backup of your files and database — especially on a live store.

System requirements

Magento 2.3.x / 2.4.x installed and working
PHP, MySQL/MariaDB and web server meeting Magento 2 system requirements
SSH access to run Magento CLI commands

Method 1 — Install via Composer (recommended)

Open a terminal in your Magento 2 root directory and require the package:
```
composer require magepow/lazyload
```
Run the Magento setup upgrade:
```
php bin/magento setup:upgrade
```

Deploy static content (production mode):

php bin/magento setup:static-content:deploy -f

Flush the cache:
```
php bin/magento cache:flush
```

Method 2 — Manual install (upload `app` folder)

Download the extension package and unzip it. Upload the app folder to your Magento 2 root so it merges with the existing app directory.

Run the following commands from the Magento 2 root:

php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy -f
php bin/magento cache:flush

Log out of the Admin panel and log back in to refresh access permissions, then clear the cache under System > Cache Management.

Tip: while configuring the store, disable full-page and additional PHP caches (Varnish, Redis, OPcache/APCu) so changes appear immediately. Re-enable them when you are done.

2 · Configuration & Usage

All settings live in the Magento Admin panel. Screenshots below match the default Admin theme.

1 - General Configuration

Enable/Disable module

To Enable/DisableMagepow Lazy Load Extension: Go to Admin Panel > Stores > Settings > Configuration > Magepow > Lazy load. Then, select Yes to Enable module/No to Disable the module

enable disable

General Configuration

configuration

Preloading Body: Set Yes to use Preloading body site. If not, set No

Preloading Images: Set Yes to use preloading images

Exclude Image class: Enter the class of images that you don't want to be applied lazy load such as top banner, header,...
Placeholder images: Set Yesto create placeholder for all loading images. This case 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 footer by using id or class of block. For example, this will be good for people want to keep the first content such as slider, header... not effected by Lazy load
Lazyload Images Response Ajax: Set Yes to apply Lazy load for Response Ajax. If not, set No
Scripts and Style Sheets: This field is for who want to customize the lazy load, use particular scripts or style

2 - Result in Frontend

Results in frontend

On product page

frontend

3 · Support

Found a bug or need customization? Contact us — we usually reply within 24–48 hours.

Need help?

Ticket support: support.magepow.com — we reply within 24–48 hours (usually much faster). Please include your Magento version, extension version and screenshots/error messages.
Documentation: docs.magepow.com
Video tutorials: Magepow on YouTube

Bug reports

If you find a bug, please report it via the ticket system with steps to reproduce, expected vs. actual behavior, and any relevant logs (var/log/system.log, var/log/exception.log).