Загрузка изображений по мере пролистывания страницы.

Добавляем перед закрывающимся тегом </body>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js" defer></script>
<script>
    $('img').lazy();
</script> 

Добавляем class «lazy» во все <img> и меняем «src» на «data-src» .

Получается вот так:

 <img data-src="./1.jpg" class="lazy">