title: How can I hide a page contents until all the images are fully loaded?
body: <p>I am trying to optimize a site which loads terribly. I already reordered, compressed and minified js and css, but the biggest problem are the images. This site has some really heavy images in it, so when it starts to load the content jumps while all the images are being loaded.</p>
  
  <p>I cant manually set the height of the divs containing the images because they are user submitted, and although the width is a fixed value, height isn't.</p>
  
  <p>I understand that this is probably not a good practice, but I think its better that the page takes two seconds before showing contents, that it being jumpy and unusable for those two seconds.</p>
  
  <p>1.) Is this technically possible? How? (I would like to know this, even if its not a good practice)</p>
  
  <p>2.) If this is not a good practice, how would you avoid this problem?</p>