在哪个导航定时阶段网页显示？

Question

performance.timing存储在网页加载期间发生的各种事件的时间：

我了解到，HTML标记得到了解析，<script>元素既没有'延迟'也没有'异步'属性在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并在Window对象上触发document.readyState事件之前，使用complete属性if there is any执行load元素。

  

旋转事件循环，直到将尽快执行的脚本集以及将按顺序执行的脚本列表为空。

我的问题是网页内容何时显示？它们是否在解析HTML标签时同时显示？或者在脚本中执行阶段？或loadEventEnd之后？ 加载大页面时，加载图标在页面显示后仍然会旋转一段时间，浏览器是否在此期间执行脚本？

Answer 1

HTML页面以递增方式显示。显示从domInteractive发生时开始（此时通常并非所有内容都存在），并且在该点之后继续显示。

Answer 2

IE9以后有一个可用的属性，一个名为window.performance.timing.msFirstPaint的仅限Microsoft的前缀NavigationTiming属性。此属性在第一次绘制页面时显示。

在其他浏览器中尚未提供，但我们还没有看到它们的巨大吸引力，所以我不确定它是否会成为NavigationTiming标准的一部分。< / p>