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

Question

[Senseich]

Подскажите господа, почему у меня самый последний скрипт, загружается самым первым и загрузка страницы не идет, пока не нажать "ок". Скрипт самый простой:

alert("Привет! Это мой первый скомпилированный скрипт");

Собственно, он стоит самый последний на страничке:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<link rel="stylesheet" href="css/owl.carousel.min.css"/>
<script src="js/owl.js"></script>
<script src="_js/scripts.js"></script> // Вот этот скрипт
</body>
</html>

В шапке и теле никаких других скриптов нет! Может политика браузеров поменялась, но насколько я знаю скрипты в порядке очереди загружаются? )

Answer 1

[Антон Швец]

С чего ты решил что не идёт? Скрипты загрузились, дошло до твоего алерта, он заблокировал все остальные действия.
А не отрисовались карусельки, потому что они после window.onload by design вызываются, а его еще не было.

Answer 2

[Anton fon Faust]

Потому что параллельно браузер может до четырех ресурсов загружать.
И у вас два каких-то ресурса загрузились и загрузился ваш скрипт и он, соответственно, выполнился.
А не загружается дальше, потому что alert блокирует.
Хотите, чтобы ваш скрипт выполнялся после полной загрузки страницы - используйте window.onload или $(document).ready

Comments

[Senseich]

Anton fon Faust, всмысле параллельно? там же нет async, и тем более он самый последний. Разве не должна вначале страничка загрузиться, а потом вылезти окно? вот я на домен залил: smashpost.ru

[Senseich]

Anton fon Faust, загружаться они возможно и загружаются параллельно, но в документации написано, что пока один скрипт не выполниться следующий за ним не будет выполнятся. Разве не так?

[Николай]

Senseich, то, что написал Anton fon Faust - полный бред. Если скриптам не указано свойство асинхронности - то они грузятся и выполняются последовательно

[Anton fon Faust]

Николай, улыбаемся и машем.
Скрипт, находящийся третьим в html-коде загрузился первым.
Так что, пока не изучили матчасть, лучше жевать.

[Anton fon Faust]

Senseich, Не совсем так. (я в своем посте объяснил не вдаваясь в последовательность событий и т.д.)
Под капотом, конечно же, там идет загрузка скриптов, потом формирование потока выполнения, потом в jquery/bootstrap и т.д. происходит установка обработчика события готовности документа, потом запускается алерт, который все и блокирует, а дальше уже происходит событие готовности документа.

[Николай]

Anton fon Faust, а вы смешной.
Логично, что он загрузился первым: он весит меньше всех.
Так что, пока не изучили матчасть, лучше жевать.

[Senseich]

Николай, Николай не совсем вас понял. Вы чуть выше подтвердили, что скрипты грузяться последовательно:

Если скриптам не указано свойство асинхронности - то они грузятся и выполняются последовательно

, а сейчас пишете про то что он весит меньше всех?

[Anton fon Faust]

Николай,
Ничего из сказанного мной не противоречит вашей ссылке.
Поэтому, благополучно посылаю вас идти пряменько-пряменько никуда не сворачивая мелкими шагами.
Ибо вы еще и читать не умеете.
Зато оценочные суждения выдавать - прям, мастер.
Как в простронародьи таких называют - сами догадайтесь, или погуглите, если не получится.

[Николай]

Senseich, (согласно документации) скрипты скачиваются параллельно, а вот выполняются они последовательно

[Николай]

Anton fon Faust, вы ещё и читать не умеете? Что ж, это печально.

P.S.
> Потому что параллельно браузер может до четырех ресурсов загружать.
Быстрый гуглинг выдаёт только устаревшие данные по лимиту одновременных загрузок, но если это не ИЕ7- то число ровно 6 (а то и 8 у ИЕ10) загрузок с одного домена.

Answer 3

[Егор Живагин]

Загрузка любого скрипта блокирует отрисовку страницы. Поставьте атрибут defer -- это как async, только сохраняет порядок скриптов -- проблема должна решиться

Comments

[Senseich]

Егор Живагин, почему он блокирует, если стоит последним? Почему другие тогда не блокируют?

[Егор Живагин]

Senseich, он блокирует не загрузку скриптов, а отрисовку страницы. Посмотрите в консоли вкладку Network -- на момент срабатывания алерта все остальные скрипты уже загружены.

А, я наконец понял, что именно вы считаете проблемой)) Сейчас объясню
-- Браузер строит страничку, выполняет скрипты
-- В скрипте owl.js весь код выполнится после загрузки страницы (document.ready же)
-- Загрузка страницы ещё не выполнена, т.к. остался скрипт script.js
-- В script.js код выполнится сразу, в момент парсинга браузером
-- Только вот тут наступает событие document.ready и выполнится qwl.js

[Senseich]

Егор Живагин, вот оно что, а я гляжу, слайдер пропадает ) я уж думал может в мире JS что поменялось ))