title: How can the first paint occur before DOMContentLoaded?
body: <p>I was under the impression that the first paint occurs after DOMContentLoaded event has been fired. Especially, because I thought that in order for the first paint to happen the render tree is needed, which it is dependent on DOM construction. Also, I am aware that DOMContentLoaded event is fired when DOM construction completes. Until now, I thought that the order was:</p>
  
  <ul>
  <li>domInteractive</li>
  <li>deferred scripts execution</li>
  <li>DOMContentLoaded</li>
  <li>first paint</li>
  <li>load event</li>
  </ul>
  
  <p>But then I came across this thread: <a href="https://stackoverflow.com/questions/34289535/why-first-paint-is-happening-before-domcontentloaded">"<em>Why First Paint is happening before DOMContentLoaded</em>"</a> where people experience a different order. Unfortunately, I can't understand what am I missing out.</p>
  
  <p>I am trying with tests to reproduce the first paint occurring before DCL event, although I believe this behaviour is against theory. If someone could help me out with a working example, it would be perfect!</p>
  
  <p>Thank you in advance!</p>