Задать вопрос
@Dimon123
Новичок, разбираюсь в веб-программировании
javascript

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

Привет.
Зачем браузер останавливает синтаксический анализ и построение дерева разбора DOM, когда при анализе встречает код джаваскрипт? Например, имеется HTML-файл, с ним связан CSS-файл и JavaScript-файл. Получается (если я правильно понимаю) такая схема загрузки, как на рисунке.
4ccd13af32dd4840adeb9b708c1db4b4.jpg
Если взять, например, HTML и CSS, то тут логика понятная. Анализируется HTML код (строит дерево разбора DOM), браузер встречает код CSS и параллельно начинает анализ кода стилей (строит дерево разбора стилей CSS), при этом начало отображения придерживается до тех пор, пока дерево стилей не будет готово - чтобы пользователь не увидел голый некрасивый каркас HTML без стилей. Начинается отображение и параллельная подгрузка неуспевших загрузиться картинок.
  • Вопрос задан
  • 201 просмотр
3 комментария
Подписаться 1 Оценить 3 комментария
Решения вопроса 1
bingo347
@bingo347 Куратор тега JavaScript
Crazy on performance...
Единственная причина - возможность использования скриптом document.write()
Вставляйте скрипты в конец документа и будет Вам счастье
Ответ написан
6 комментариев
6 комментариев
Пригласить эксперта
Ответы на вопрос 3
petermzg
@petermzg
Самый лучший программист
Потому что есть метод
document.write(str);
Ответ написан
1 комментарий
1 комментарий
alexey-m-ukolov
@alexey-m-ukolov Куратор тега JavaScript
Алгоритм синтаксического анализа

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

Ниже перечислены причины этого.
  • Язык имеет "щадящий" характер.
  • В браузерах заложены механизмы обработки некоторых частых ошибок в коде HTML.
  • Цикл синтаксического анализа характеризуется возможностью повторного вхождения. Исходный документ обычно не меняется в процессе анализа, однако в случае HTML теги скрипта, содержащие document.write, могут добавлять новые токены, поэтому исходный код может меняться.
  • Так как стандартные анализаторы не подходят для HTML, браузеры создают собственные анализаторы.

Алгоритм синтаксического анализа подробно описан в спецификации HTML5.

Принципы работы современных веб-браузеров
Ответ написан
1 комментарий
1 комментарий
alsopub
@alsopub
Для асинхронной загрузки JS придумали параметр "async".
А вы уже обязуетесь не делать в скрипте document.write[ln](...).
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать квиз на React
02 мая 2024, в 11:14
5000 руб./за проект
Специалист по массовой рассылке email
02 мая 2024, в 11:12
10 руб./за проект
Реализовать полноценную систему учета в Битрикс24
02 мая 2024, в 10:36
10000 руб./за проект
Ещё заказы