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