How Browser Executes JavaScript
Flow:
- Browser reads HTML
- Builds DOM
- Finds
<script> - Stops HTML parsing ⛔
- Executes JS
- Continues loading
JS is blocking by default
That means:
- If JS takes time → page load slows
Use:
<script defer src="script.js"></script>
👉 defer = run JS after HTML loads