Contao CMS Lazy loading

Definition

Lazy loading is a design pattern commonly used in computer programming to defer initialization of an object until the point at which it is needed. It can contribute to efficiency in the program's operation if properly and appropriately used. The opposite of lazy loading is eager loading. (Wiki)

Contao supported versions

Extension is supported for latest Contao 3 and Contao 4.

Supported options

Lazyloading images with LazySizes.js without the disturbing reflow of the website, whenever an image is loaded.

Several options are available in the generic contao settings:

Transparent placeholder
Thumbnail placeholder
Intrinsic ratio (no placeholder needed)
Intrinsic ratio + thumbnail placeholder

Contao Extensions

Find out more

Acknowledgments

Concept for extension Derhäuptling. Extension development Mediar.

Find out more on Github