WebPagetest Forums
strange event order: 1. DOM inter. 2. Doc complete 3. RUM FP 4. Starts render - Printable Version

+- WebPagetest Forums (https://www.webpagetest.org/forums)
+-- Forum: Web Performance (/forumdisplay.php?fid=3)
+--- Forum: Discuss Test Results (/forumdisplay.php?fid=4)
+--- Thread: strange event order: 1. DOM inter. 2. Doc complete 3. RUM FP 4. Starts render (/showthread.php?tid=15677)



strange event order: 1. DOM inter. 2. Doc complete 3. RUM FP 4. Starts render - jasom - 02-14-2019 09:31 PM

[Image: 0FE83m4.png]

My event order is:
  1. DOM interactive
  2. Document complete
  3. RUM First Paint
  4. Starts render

Shouldn't it be:

  1. RUM First Paint || Starts render
  2. DOM interactive
  3. Document complete

Why do I have such strange order of events?


RE: strange event order: 1. DOM inter. 2. Doc complete 3. RUM FP 4. Starts render - pmeenan - 02-15-2019 03:28 AM

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.


RE: strange event order: 1. DOM inter. 2. Doc complete 3. RUM FP 4. Starts render - jasom - 02-18-2019 02:16 AM

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.

sites.google.com/a/webpagetest.org/docs/system/app/pages/search?scope=search-site&q=dom+interactive


RE: strange event order: 1. DOM inter. 2. Doc complete 3. RUM FP 4. Starts render - pmeenan - 02-18-2019 02:56 AM

DOM Interactive is a spec'd standard: https://developer.mozilla.org/en-US/docs/Web/API/PerformanceNavigationTiming/domInteractive

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