Browser - DOMContentLoaded event (page load)


When the DomContentLoaded event is fired, the construction of the DOM has finished and the document can be rendered.

Technically, this event is fired when all of the page’s DOM content has been loaded and parsed.

The resources at the left or touching the blue line are blocking the construction of the DOM. They are known as render blocking resources.


document.addEventListener('DOMContentLoaded', (event) => {
    console.log('DOM fully loaded and parsed');


Powered by ComboStrap