Why do images take so long to load?

Question

Bootstrap

Why does it take so long for images to load?
I understand the size affects, but why does 91Kb load in 7.5 seconds, and 130Kb in 2 seconds?

Answer 1

<div class="container">
  <div class="row justify-content-center align-items-center">
    <!-- start form  -->
  </div>
</div>

this is for 4 bootstrap)

Answer 2

Because the browser tries to load everything at the same time, and not in turn, this is clearly visible on the waterfall.
Option 1: compressor.io
Option 2 (true level - you can hang a callback for waiting): https://github.com/alexanderdickson/waitForImages (helped me when my masonry broke because js-layout was initialized before pictures, which were in his items)