0

What is the difference between a solid (1) and an "outlined" (2) paint event in the Chrome timeline?

Why could I be getting nested (3) paint events?

Pathological timeline

Update:

Seems to indicate that the paint was "asynchronous": not executed during the Javascript phase. But if so, why is there no dimension information for these "outlined" paints. And again, why the nesting? Further reading appreciated!

enter image description here

aaaidan
  • 7,093
  • 8
  • 66
  • 102
  • I didn't read it too carefully, but Google has a huge documentation page for the Timeline Dev Tools in Chrome: https://developer.chrome.com/devtools/docs/timeline – Brian Jan 08 '15 at 02:32
  • @BrianBennett I have read it pretty carefully, but I found no mention of these nested paint events, or the way they are presented. – aaaidan Jan 08 '15 at 02:57
  • 1
    possible duplicate of [In the dev tools timeline, what are the empty green rectangles?](http://stackoverflow.com/questions/27392133/in-the-dev-tools-timeline-what-are-the-empty-green-rectangles) – Konrad Dzwinel Jan 08 '15 at 10:10
  • Definitely a duplicate of that, @KonradDzwinel, cheers – aaaidan Jan 08 '15 at 22:01

1 Answers1

2

Recent answer by Paul Lewis here. Explanation by Jared Williams in the official DevTools docs (it seems that it haven't landed on production yet).

If you'd like to dig deeper into paint process, see paint profiler.

Konrad Dzwinel
  • 36,825
  • 12
  • 98
  • 105