Document Object Model (DOM) - Crazy Stuff Ahead!

Document Object Model or DOM is a critical part of web browsers and rendering.

domLoading – Browser starts to parse the HTML.

domInteractive – Browser finishes the parsing, and DOM is complete.

domContentLoaded – DOM and CSSOM is ready, and browser can now construct the Render Tree.

domComplete – Render Tree is ready and content is ready to be painted.