DOMContentLoaded не запускается в chrome, document.readyState зависает при загрузке

Question

Работа на сложной странице с множеством загруженных скриптов. Только в Chrome, по-видимому, наугад, событие DOMContentLoaded не запускается, а document.readyState остается при "загрузке"

Как я могу определить, что вызывает зависание браузера на этом условии?

Странно то, что ресурсы (js) в конце документа загружаются, но не отображаются на вкладке элементов.

Answer 1

Та же проблема в последние дни, включая загруженный, но не выполненный скрипт из нижней части документа. Глубокое исследование показало, что причина была в меньшей обработке на стороне клиента. Изменился порядок скриптов / меньше файлов и это помогло. Пока что никаких зависаний. Я поставил скрипты / меньше в следующем порядке:

1) все скрипты

2) .less файл стиля

3) файл сценария less.js

Итак, рабочий порядок скриптов:

<script src="/resources/js/jquery.simple-dtpicker.js" type="text/javascript"></script>
<script src="/resources/js/jquery.inputmask.bundle.js" type="text/javascript"></script>
<script src="/resources/js/inputmask/phone-codes/phone.js" type="text/javascript"></script>
<script src="/resources/js/selectize.js" type="text/javascript"></script>

<link rel="stylesheet/less" type="text/css" href="/resources/css/style_nauka.less"/>

<script src="/resources/js/less.min.js" type="text/javascript"></script>

Все еще тестирую, обновлю, если поймать что-нибудь