Skip to content
A Magento 2 module that adds support for lazy loading of images.
PHP HTML JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Plugin Fix (add!) module enable/disable functionality Aug 14, 2018
Scope Fix (add!) module enable/disable functionality Aug 14, 2018
etc Code review fixes Feb 20, 2018
view updated inline widths Jan 31, 2020
.gitignore
CHANGELOG.md Update changelog Jul 16, 2019
LICENCE.txt Initial Commit Feb 15, 2018
README.md Refactoring / cleanup Aug 14, 2018
composer.json Update composer dependencies for Magento 2.3 Oct 17, 2018
registration.php Add changelog and cleanup Feb 15, 2018

README.md

Fisheye_Lazyload

Overview

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

Features

  • Utilises the 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 <img> 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)

Compatibility

  • Magento Community Edition / Enterprise Edition 2.2.x (see older releases for 2.0 / 2.1 support)
  • Supports Magento 2 Full Page Cache (including Varnish)

Installation

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

Contributing

Issues, forks and pull requests welcomed :)

You can’t perform that action at this time.