На странице выводятся фотографии людей, справа от каждой их которых сведения о человеке. При узком дисплее текст перемещается под фото. Фотографии бывают двух видов: ориентированные горизонтально и ориентированные вертикально, которые размещаются вперемешку (на скриншоте вместо фото цветные прямоугольники).

Всего около двух сотен фотографий. И получается так, что при среднем качестве фото его размер 50-70 Кб, а общий вес страницы получится 1.5 Мб, что чрезвычайно много!

Как бы можно сделать динамический блок с подкачиваемым контентом, чтобы прокруткой вниз вытаскивать на экран контент поэтапно, по мере надобности? Примерно так, как в Фейсбуке.

.row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.cell {
  width: 50%;
}
@media screen and (max-width: 640px){
  .cell {
    width: 100%;
  }
}

<div class="row">
  <div class="cell"><img src="gor.jpg" style="width:40%;height:auto;"></div>
  <div class="cell">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iure saepe
 alias eaque dignissimos, excepturi vero vel sit reiciendis quia at eius dolores magni dicta
 explicabo, odio nostrum quos consequatur ab.</div>
  <div class="cell"><img src="vert.jpg" style="width:20%;height:auto;"></div>
  <div class="cell">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iure saepe
 alias eaque dignissimos, excepturi vero vel sit reiciendis quia at eius dolores magni dicta 
explicabo, odio nostrum quos consequatur ab.</div>
  <div class="cell"><img src="gor.jpg" style="width:40%;height:auto;"></div>
  <div class="cell">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iure saepe 
alias eaque dignissimos, excepturi vero vel sit reiciendis quia at eius dolores magni dicta
 explicabo, odio nostrum quos consequatur ab.</div>
</div>