Для ускорения загрузки сайта, часто применяется 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>