strange event order: 1. DOM inter. 2. Doc complete 3. RUM FP 4. Starts render

Web Performance Discuss Test Results
1

978×320 23.4 KB

My event order is:
[list=1]
[]DOM interactive
[]Document complete
[]RUM First Paint
[]Starts render
[/list]

Shouldn’t it be:

[list=1]
[]RUM First Paint || Starts render
[]DOM interactive
[*]Document complete
[/list]

Why do I have such strange order of events?

2

Not necessarily. Layout and painting are done lazily and relatively asynchronously (and it can take a while to actually do the layout and render). If your HTML and included resources load fast enough it is entirely possible for the browser to complete loading technically without having painted anything to the screen yet.

3

My deduction from your answer is, that maybe I understand improperly what is what.

What exactly is DOM interactive? I couldn’t find info in DOCs.

4

DOM Interactive is a spec’d standard: PerformanceNavigationTiming.domInteractive - Web APIs | MDN

It’s basically when the parser completes processing the HTML (before firing the DOMContentLoaded handlers if I remember right).