Image Lazy Loader

Description

Module to allow administrators/developers pick if an image should be loaded normally or lazy-loaded in the 'Manage display', choose the animation when images appear on window scroll, the duration and speed up the website avoiding massive images rendering.

Benefits

  • Speed up the loading time - images are not rendered when a page loads.
  • Cool animation/effects when images appear.

Installation

  1. Unpack the Image Lazy Loader folder and contents in the appropriate modules directory of your Drupal installation. This is probably sites/all/modules/
  2. Enable the Image Lazy Loader module in the administration tools.

Configuration

Module uses animate.css (library of CSS animations) and includes it automatically. If this library was loaded in the theme you can disable it within /admin/config/media/image-lazy-loader to avoid duplicates.

Versions

Drupal 7.x
Drupal 8.x
Drupal 9.x
Drupal 10.x

Roadmap

  • Apply lazy load to background images - in progress

Credits

Module developed and mantained by Omar Corbacho and Patricia Cano - frontend developers at Zoocha Ltd.
It uses the following libraries:

Supporting organizations: 

Project information

Releases