title: What is the difference between DOM parsing, loading, rendering, ready?
body: <p>I am trying to understand how the DOM is rendered, and resources and requested/loaded from the network. However when reading the resources found on internet, DOM parsing/loading/rendering/ready terms are used and I cant seem to grasp what is the order of these 'events'. </p>
  
  <p>When script, css or img file is requested from network, does it stop rendering dom only or stops parsing it also? Is Dom loading same as Dom rendering? and Is DomContentLoaded event equivalent to <code>jQuery.ready()</code>?</p>
  
  <p>Can someone please explain if some of these terms are synonymous and in what order they happen? </p>