Почему дергается сайт при подключении в любом месте даже пустого тега SCRIPT?

Question

[weranda]

Приветствую

Встроил в HTML код страницы скрипт и все то, что размещено под скриптом при обновлении страницы (F5) дергается. Удалил все из скрипта и прописал только пустой тег <script></script> и все равно дергается. Подумал, что дело в сайте и решил "запилить" пару тестовых страниц — голый HTML, встроил в него пустой тег script и все равно дергается.

В FireFox не дергается, а в Chrome (Opera) дергается, в других браузерах не тестил.

Страницы для теста: с встроенным тегом скрипта и без него.

Для наглядности скрипт встроил после тега линии (). На GIF видно, как дергается, в реальности чаще, GIF пропустил некоторые кадры.

GIF пояснение

spoiler

Код скрипта должен срабатывать сразу после загрузки определенного участка HTML кода, т.е. должен быть встроен в страницу.

Разъясните пожалуйста почему так происходит, как исправить ситуацию, чтобы скрипт срабатывал сразу после загрузки нужного блока HTML.
Пробовал подгружать и внешний скрипт через SRC="", результат тот же самый.

Comments

[Ну вот опять 25]

порвое предложение вопроса сфрмулировано не понятно

Answer 1

[Dimonchik]

jquery или неважно как ставь событие на тег дом-дерева

скрипт потому и дергается что браузер после получения страницы еще раз рендер запускает

Comments

[weranda]

Т.е. "дергания" при встраивании скрипта в разметку не избежать, верно?
А вот по поводу события на тег DOM — не силен, пример бы какой-нибудь увидеть. Если я загружу скрипт, к примеру, в header, то JS же еще не будет знать об отрендеренном теге... Наверное надо почитать о событиях.

[Dimonchik]

ну, может, когда-то и избежать , но в целом причина в перерендинге

https://ruseller.com/lessons.php?id=1452&rub=32 попробуйте отсюда
https://ruseller.com/lessons.php?id=673

Answer 2

[ld6666666666666]

<script async src="путь к скрипту.js"></script>

попробуйте так .

Comments

[weranda]

Пробовал, не спасает.

[ld6666666666666]

weranda, проверил только что примеры! На хроме все нормально!

[weranda]

ld6666666666666, Тоже пробовал — не помогает.

[JackShcherbakov]

async многими браузерами не поддерживается уже.

[weranda]

JackShcherbakov, Уже? Может быть — еще и некоторыми?