Posted on

Consider this scenario: You are loading a script (script 1) on your page which two other scripts rely on to function (scripts 2 and 3). All of these scripts can be safely executed after construction of the DOM. Which of the following approaches would work when loading these scripts? Select all that apply.

  • Load all of the scripts asynchrously so they don’t block DOM construction while the browser fetches them, but make sure to include script 1 first in the HTML.
  • Load script 1 normally (without an async or defer) attribute and load scripts 2 and 3 with the defer attribute.
  • Load all 3 scripts with the defer attribute, making sure to include script 1 first in the HTML.
  • It doesn’t matter. The scripts can be executed in any order.