Flow:

  1. Browser reads HTML
  2. Builds DOM
  3. Finds <script>
  4. Stops HTML parsing ⛔
  5. Executes JS
  6. 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