How the Browser Renders

Before you start

The browser parses HTML top to bottom, building the DOM. A plain <script> stops that parse until the script downloads and runs. defer and async are how you get out of the way. Understanding this one pipeline explains most first-paint problems you'll ever debug.