PHPackages                             fisheye/module-lazyload - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. fisheye/module-lazyload

ActiveMagento2-module

fisheye/module-lazyload
=======================

A Magento 2 module that adds support for lazy loading of images.

3.1.0(3y ago)3356.5k↓27.8%7MITJavaScriptPHP ^7.4 || ^8.0

Since Feb 16Pushed 3y ago9 watchersCompare

[ Source](https://github.com/fisheyehq/module-lazyload)[ Packagist](https://packagist.org/packages/fisheye/module-lazyload)[ RSS](/packages/fisheye-module-lazyload/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (10)Dependencies (1)Versions (13)Used By (0)

Fisheye\_Lazyload
=================

[](#fisheye_lazyload)

Overview
--------

[](#overview)

A Magento 2 module that adds support for lazy loading of images.

Features
--------

[](#features)

- Utilises the [lazysizes](https://github.com/aFarkas/lazysizes) script to add lazy load support for images
- Lazy loading is automatically applied to all\* product images
    - \*Any image created via `Magento\Catalog\Block\Product\Image`
    - This includes:
        - Product listing (category, search, product list widget)
        - Product relations (related, upsell, crosssell)
        - Product comparison
        - Recently viewed
        - Cart thumbnails
        - Wishlist
- Support can be added to any further images by adding the following to `` elements:
    - Add `lazyload` class
    - Change the `src` attribute to `data-src`
    - Optional: add a dummy `src` with transparent 1px x 1px image to avoid broken image links prior to lazy load (see product image templates as example)
    - Optional: add `loading="lazy"` to enable native browser lazy-loading where possible. Note that this is not true native lazy-loading, as the `lazysizes` script and its `native-loading` plug-in need to be run, so there's still a dependency on JavaScript before affected images will show.
- Preloading
    - Preloading means the media source will be loaded even if not in the viewport such as megamenu icons/images.
    - The `preload_elements` layout argument allows you to specify selectors of which elements can be preloaded. This can be configured per page.
    - Use the `lazypreload` class on element(s) you wish to preload.

Compatibility
-------------

[](#compatibility)

- Magento Community Edition / Enterprise Edition 2.4.x (see older releases for 2.0 - 2.3 support)
- Supports Magento 2 Full Page Cache (including Varnish)

Installation
------------

[](#installation)

```
composer require fisheye/module-lazyload
php bin/magento module:enable Fisheye_Lazyload
php bin/magento setup:upgrade

```

Contributing
------------

[](#contributing)

Issues, forks and pull requests welcomed :)

###  Health Score

42

—

FairBetter than 90% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity40

Moderate usage in the ecosystem

Community19

Small or concentrated contributor base

Maturity75

Established project with proven stability

 Bus Factor1

Top contributor holds 73.9% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~155 days

Recently: every ~150 days

Total

12

Last Release

1299d ago

Major Versions

1.0.2 → 2.0.02018-10-01

2.4.0 → 3.0.02022-10-07

### Community

Maintainers

![](https://www.gravatar.com/avatar/43f3b3a59dc942417211200d258cff022a5208536f9965bf4de8bc1c369fefc8?d=identicon)[John Hughes](/maintainers/John%20Hughes)

---

Top Contributors

[![johnhughes1984](https://avatars.githubusercontent.com/u/3949917?v=4)](https://github.com/johnhughes1984 "johnhughes1984 (17 commits)")[![chrisdm94](https://avatars.githubusercontent.com/u/25003402?v=4)](https://github.com/chrisdm94 "chrisdm94 (2 commits)")[![NathMorgan](https://avatars.githubusercontent.com/u/2357923?v=4)](https://github.com/NathMorgan "NathMorgan (2 commits)")[![mandBradley](https://avatars.githubusercontent.com/u/16257674?v=4)](https://github.com/mandBradley "mandBradley (1 commits)")[![NathanDayFE](https://avatars.githubusercontent.com/u/68845089?v=4)](https://github.com/NathanDayFE "NathanDayFE (1 commits)")

---

Tags

corefisheyemagento2magento2-module

### Embed Badge

![Health badge](/badges/fisheye-module-lazyload/health.svg)

```
[![Health](https://phpackages.com/badges/fisheye-module-lazyload/health.svg)](https://phpackages.com/packages/fisheye-module-lazyload)
```

###  Alternatives

[smile/elasticsuite

Magento 2 merchandising and search engine built on ElasticSearch

8044.5M33](/packages/smile-elasticsuite)[mollie/magento2

Mollie Payment Module for Magento 2

1121.6M10](/packages/mollie-magento2)[hyva-themes/magento2-react-checkout

Highly customizable Magento 2 Checkout, built with React

189169.8k1](/packages/hyva-themes-magento2-react-checkout)[dotdigital/dotdigital-magento2-extension

Dotdigital for Magento 2

50374.2k18](/packages/dotdigital-dotdigital-magento2-extension)[swissup/module-search-mysql-legacy

Legacy mysql search for magento 2.4

10483.0k](/packages/swissup-module-search-mysql-legacy)[lizardmedia/module-varnish-warmer

Varnish Cache Warmer Magento2 module by Lizard Media

6276.8k](/packages/lizardmedia-module-varnish-warmer)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)