В каком отображении веб-страницы этапа навигации?

Question

В performance.timing хранит сроки различных событий, которые происходят во время загрузки веб-страницы:

И я узнал, что HTML-теги получить разобран и <script> элементы с ни „отсрочка“, ни "ASync атрибуте получить выполняются синхронно между domLoading и domInteractive, and then scripts with 'defer' attribute(i.e., scripts in list of scripts that will execute when the document has finished parsing) get executed before DOMContentLoaded. И затем выполните элемент <script> с атрибутом async, if there is any, до document.readyState установлено значение complete и load событие, запущенное на объекте Window.

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

Вопрос в том, когда содержимое веб-страницы будет отображаться? Отображаются ли они одновременно с анализом тегов HTML? или в стадии выполнения скриптов? или после loadEventEnd?
При загрузке большой страницы значок загрузки по-прежнему вращается на некоторое время после отображения страницы. Является ли браузер исполнением скриптов в это время?

Answer 1

HTML-страницы отображаются постепенно. Дисплей начинается с момента, когда происходит domInteractive (в этот момент, как правило, не все содержимое присутствует) и продолжается после этой точки в целом.

Answer 2

Существует одно свойство, доступное в IE9, которое может сработать для вас, атрибут NavigationTiming только для Microsoft, который называется window.performance.timing.msFirstPaint. Этот атрибут раскрывает первый раз, когда страница окрашивается.

Это еще не доступно в других браузерах, и мы не видели в них большой тяги, поэтому я не уверен, что он когда-либо станет частью стандарта NavigationTiming.