веб-страница кажется разбросанной при загрузке?

Question

При первой загрузке страницы изображения не отображаются ни на секунду (как будто они невидимы). Структура страницы становится разбросанной. Если вы нажмете обновить, это нормально. Есть ли исправления, которые могут решить эту проблему?

Answer 1

Если проблема связана исключительно с изображениями, я полагаю, что вы можете использовать атрибуты height и width тега <img>, чтобы сообщить браузеру, какой будет размер изображений. Это позволит ему правильно «разместить» все, прежде чем он сможет загрузить весь ваш контент.

Edit: кто-то еще предложил CSS, и я считаю, что использование директив height и width от CSS даст вам тот же результат, что и те же атрибуты тега <img>, но не ограничивает вас строго к изображениям и будет лучше играть с любыми директивами margin или padding, которые вы можете использовать.

Answer 2

Так HTML выкладывает вещи до полной загрузки. Это показывает, что загружается во время его загрузки. Когда элементы загружены, они могут перемещать вещи, чтобы приспособиться к снисходительности HTML.

Если вы хотите, чтобы страница загружалась «правильно» во время загрузки, посмотрите макеты CSS.

Отображается правильно при нажатии кнопки «Обновить», поскольку данные уже кэшированы на вашем компьютере и загружаются намного быстрее.

Answer 3

Да, но ни один из них не очень прост. Одним из самых простых способов было бы спрятать вашу страницу в div или чем-то еще, пока все не загрузится.

Answer 4

попробуйте это:

<script type="text/javascript">
window.onload = function() {
    document.body.style.display = 'none';
    document.body.style.display = 'block';
};
</script>