Como ocultar o conteúdo de uma página até que todas as imagens estejam totalmente carregadas?

Estou tentando otimizar um site que carrega muito. Já reordenei, compactei e minifiquei js e css, mas o maior problema são as imagens. Este site possui algumas imagens muito pesadas, portanto, quando ele começa a carregar, o conteúdo salta enquanto todas as imagens estão sendo carregada

ão consigo definir manualmente a altura das divs que contêm as imagens porque elas são enviadas pelo usuário e, embora a largura seja um valor fixo, a altura não

Entendo que essa provavelmente não seja uma boa prática, mas acho melhor que a página demore dois segundos antes de mostrar o conteúdo, que ela seja instável e inutilizável por esses dois segundo

1.)) Isso é tecnicamente possível? Quão? (Gostaria de saber isso, mesmo que não seja uma boa prática)

2.) Se essa não é uma boa prática, como você evitaria esse problem

questionAnswers(5)

yourAnswerToTheQuestion