Lazyload Битрикс (ленивая загрузка картинок)

Для ускорения загрузки сайта, часто применяется laziload картинок, то есть загружаются только те картинки, которые попадают в область видимости.
В битриксе можно настроить так:

BX.ready(function() {
	setTimeout(function() {
		BX.LazyLoad.showImages(true);
		window.addEventListener("scroll", BX.LazyLoad.onScroll);
	}, 0);
});

<img id="product_image_<?=$arItem['ID']?>"										  class=""										    src="<?=SITE_TEMPLATE_PATH?>/images/loader.gif"											data-src="<?=$img['src']?>"										    alt="<?=$a_alt;?>" title="<?=$a_title;?>"								/>										<script>BX.LazyLoad.registerImage("product_image_<?=$arItem['ID']?>");</script>