After the server sends the first byte of data to the browser for the requested page, the server continues sending additional data to the browser. This includes sending the requested webpage’s HTML code. The browser processes and analyzes the HTML code to determine how to construct the page. Nothing is displayed for visitors yet and the more HTML code there is for the browser to process, the longer it will take to reach the steps where visitors are able to see something.
What DOMContentLoaded Measures
DOMContentLoaded (DCL)