Contao CMS Lazy loading


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


Concept for extension Derhäuptling. Extension development Mediar.

Find out more on Github