Почему при перезагрузке страницы элементы скачут и потом снова встают на своё место? Почему кнопка появляется из пустоты?

Question

[Dzhuzzeppe]

При перезагрузке элементы подскакивают на долю секунды. Есть сайт с такой же структурой и там всё стоит нормально. Разъясните пожалуйста просто, а то это мой первый самостоятельный макет.

https://jsfiddle.net/3xvtdywr/

Comments

[Шохрух Шаймардонов]

покажите лучше сам сайт (если он у вас в локалке, то залейте) так всем будет понятно вообще что происходит, и даст возможность подебажить

А вообще, чисто по догадке, это связано с загрузкой из сторонних ресурсов

[Dzhuzzeppe]

Шохрух Шаймардонов, открыт в соседнем окошке другой сайт, о котором я писал, там такого нет.

Answer 1

[Антон Р.]

Потому что даже скорость света конечна, что уж говорить о скорости работы веб-серверов и браузеров по обработке html и css.

Comments

[Dzhuzzeppe]

Проблема не в коде? Почему на другом сайте такого нет? Там только видна смена шрифта, но такого, что элементы летают нет.

[Karpion]

Вопрос с другом. Почему объекты изображаются сначала на неверном месте, а потом перемещаются куда надо?

Кстати, я это много где наблюдал - например, в ЖЖ. Если компьютер тормозит, то непонятно, зачем загружать его ненужной работой по отрисовке объекта в неправильном месте.

[Шохрух Шаймардонов]

Dzhuzzeppe, ну потому что они оптимизировали как раз таки загрузку страницы

[RAX7]

Dzhuzzeppe, для картинки внутри header__logo размеры задай

Answer 2

[Karpion]

Мне кажется, дело в том, что объекты передаются в отрисовывающую систему по одному. И система сначала рисует первый объект так, как будто он будет только один; затем она рисует первый и второй объекты так, как будто больше объектов не будет; ну и так до последнего объекта.

Вообще, бесит тупизм тех, кто разрабатывает API. Взят хотя бы команду на удаление файлов - в ядро операционки каждое имя файла надо передавать отдельным запросом, что резко снижает возможность оптимизации обращения к диску.