Что происходит между получением HTML и готовой DOM?

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

Прикрепил изображение - расскажите, пожалуйста, что происходит в выделенное время (между получением HTML и готовностью DOM).

Что я думаю - может быть, это сама модель DOM? Но почему так долго? На этой тестовой странице есть около 10 HTML-тегов.

введите описание изображения здесь

Это моя разметка:

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>#</title>
    <meta name="keywords" content="a, b">
    <meta name="description" content="cde">

    <meta name="geo.region" content="PL">
    <meta name="geo.placename" content="Warszawa">
    <meta name="geo.position" content="52;21">
    <meta name="ICBM" content="52, 21">

    <link rel="stylesheet" href="/Css/_global/Style.css">

    <!--link rel="shortcut icon" href="/Gfx/_global/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="/Gfx/_global/favicon.gif" type="image/x-icon"-->

</head>
<body>

    <ul id="bredcrumbs"><li>domain.com</li><li>Home Page</li></ul>
    Content

</body>
</html>

html performance load-time
person Szymon Toda    schedule 01.09.2013    source источник
comment
Вы используете javascript на своей странице?   -  person Warlock    schedule 01.09.2013
comment
Не в этом примере, почему?   -  person Szymon Toda    schedule 01.09.2013
comment
Не могли бы вы предоставить HTML-код?   -  person Warlock    schedule 01.09.2013
comment
У вас установлены расширения Chrome? Я бы повторил с этими отключенными, если вы сделаете так, как они могут иногда делать какие-то манипуляции с домом   -  person Not loved    schedule 01.09.2013
comment
developers.google.com/chrome-developer-tools/docs/timeline - может быть вам полезно   -  person Henrik Andersson    schedule 01.09.2013
comment
И это: stackoverflow .com / questions / 9773315 /   -  person Henrik Andersson    schedule 01.09.2013
comment
@Luke McGregor после отключения всех расширений, выделенных на изображении выше, сокращается до 5 мс!   -  person Szymon Toda    schedule 01.09.2013

Ответы (2)


arrow_upward
3
arrow_downward

Браузер анализирует дом (как отмечает чернокнижник), но во время этого процесса также может работать некоторый javascript. (См. JavaScript: события загрузки DOM, последовательность выполнения и $ ( документ) .ready ())

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

person Not loved    schedule 01.09.2013

arrow_upward
3
arrow_downward

Браузер разбирает HTML и создает DOM.

person Warlock    schedule 01.09.2013
comment
Так это время продлится на старых процессорах? - person Szymon Toda; 01.09.2013
comment
Думаю, что да, но я не пробовал такие тесты. - person Warlock; 01.09.2013