Уровень 1 - Не полагайтесь на фактический размер изображения для макета. Используйте CSS (или атрибуты высоты и ширины), чтобы определить размеры тегов изображения. Это поможет с раскладкой макета.
Уровень 2. Если вы хотите видеть заполнители, попробуйте использовать CSS, чтобы придать тегам img цвет фона.
Уровень 3 - Если вы все еще беспокоитесь об общем эффекте, вы можете использовать CSS, чтобы скрыть всю страницу, а затем перейти к ней после завершения загрузки страницы. Для этого вам нужно добавить JS для прослушивания события завершения загрузки, а затем переключить класс CSS для отображения содержимого.
JQuery / JS
$(window).load(function() {
$("body").removeClass("loading");
});
HTML
<body class="loading">...</body>
CSS
body {
opacity: 1;
transition: opacity .5s;
}
body.loading {
opacity: 0;
}