Блог

Я смотрю на вкладки «Сеть» и «Производительность» в Chrome Dev Tools. Цель состоит в том, чтобы объяснить причину разрыва, который я вижу в водопаде между отметками 3 секунды и 5 секунд.

Глядя на вкладку «Производительность», я вижу, что большая часть времени тратится на ожидание основного потока (длинные завершающие серые строки).

Где я должен искать дальше, чтобы объяснить, почему он тратит так много времени на ожидание? Если я выберу эту длинную серую строку и посмотрю на стек вызовов, я увижу много фиолетового. Означает ли это, что основной поток ожидает рендеринга? Выполняется ли рендеринг в основном потоке?