Let's recall how basic, async and defer script are loaded.

Which of the following images represent the corrent sequences of events?

  1. Basic
<head>
  <script src="index.js"></script>
</head>
<body>
  ...
</body>

1.1-1

  1. Async
<head>
  <script async src="index.js"></script>
</head>
<body>
  ...
</body>

1.1-1

  1. Defer
<head>
  <script defer src="index.js"></script>
</head>
<body>
  ...
</body>

1.1-1