Weiyuan-Lane/deferasync.html

## deferasync.html
<html>
  <head></head>
  <body>
    <!-- Script loading, parsing and execution after html content below
         is rendered, or what is known as "DOMContentLoaded" event -->
    <script src="script_one.js" defer="defer"></script>

    <!-- Same as above, except it maintains order of execution after
         "script_one"  -->
    <script src="script_two.js" defer="defer"></script>

    <!-- Loading doesn't block rendering of DOM elements, but when
         the script is executed is not deterministic. Best used for
         independent components -->
    <script src="script_three.js" async="async"></script>

    <!-- Rendered in page first -->
    <p>I'm an alpaca</p>
  </body>
</html>
	<html>
	<head></head>
	<body>
	<!-- Script loading, parsing and execution after html content below
	is rendered, or what is known as "DOMContentLoaded" event -->
	<script src="script_one.js" defer="defer"></script>

	<!-- Same as above, except it maintains order of execution after
	"script_one" -->
	<script src="script_two.js" defer="defer"></script>

	<!-- Loading doesn't block rendering of DOM elements, but when
	the script is executed is not deterministic. Best used for
	independent components -->
	<script src="script_three.js" async="async"></script>

	<!-- Rendered in page first -->
	<p>I'm an alpaca</p>
	</body>
	</html>