This module allows you to choose whether images should be lazy-loaded on your site. You can also select animations and their duration for when images appear, which helps speed up your website by not rendering massive images all at once.
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
- Unpack the Image Lazy Loader folder and contents in the appropriate modules directory of your Drupal installation. This is probably sites/all/modules/
- 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:
- Animate.css - A cross-browser library of CSS animations -
https://daneden.github.io/animate.css/ - Lozad.js - Lazy loads elements performantly using pure JavaScript - https://apoorv.pro/lozad.js/
Ask your assistant about Image Lazy Loader
Check compatibility with your Drupal and PHP version, maintenance and security coverage, from current release data. How it works
Depends on
Dependencies of the latest stable release
- image Drupal core
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.