Что означают вертикальные разноцветные полосы в инспекторе сети браузера Chrome?

Question

[weranda]

Приветствую.
Что означают вертикальные полосы на скриншоте? Где об этом можно подробнее почитать?

P.S.
Этих полос две: под 800 мс и между 900 и 1000 мс.

Answer 1

[Ivan Shalganov]

Синяя - событие DOMContentLoaded, которое означает что DOM дерево загрузилось (но не все ресурсы). Загрузка верстки завершена.
Красная - событие Load , когда и DOM загрузился и ресурсы для DOM тоже загрузились, вместе с JS и тем что подтянул JS до события Load. Загрузка сайта завершена.

Внизу в плашке можно увидеть подробнее о них.