weirdpattern · January 10, 2019 03:28
diff --git a/.2019.01.09.script-loading-techniques b/.2019.01.09.script-loading-techniques
 2019.01.09.script-loading-techniques
diff --git a/benchmark.html b/benchmark.html
 <html>
  <head>
    <title>Loading scripts</title>
    <script src="script1.js" defer></script>
    <script src="script2.js" async></script>
  </head>
  <body>
    <!-- Inline block 1 -->
    <script type="text/javascript">
      document.querySelector('#test').innerHTML = 'This is a test from inline block 1';
    </script>
    
    <div id="test"></div>
    
    <!-- Inline block 2 -->
    <script type="text/javascript">
      document.querySelector('#test').innerHTML = 'This is a test from inline block 2';
    </script>
  </body>
 </html>
diff --git a/script1.js b/script1.js
 document.querySelector('#test').innerHTML = 'This is a test from script 1';
diff --git a/script2.js b/script2.js
 document.querySelector('#test').innerHTML = 'This is a test from script 2';
diff --git a/syntax.text b/syntax.text
 <script [defer|async] src="[js-file]"></script>
	<html>
	<head>
	<title>Loading scripts</title>
	<script src="script1.js" defer></script>
	<script src="script2.js" async></script>
	</head>
	<body>
	<!-- Inline block 1 -->
	<script type="text/javascript">
	document.querySelector('#test').innerHTML = 'This is a test from inline block 1';
	</script>

	<div id="test"></div>

	<!-- Inline block 2 -->
	<script type="text/javascript">
	document.querySelector('#test').innerHTML = 'This is a test from inline block 2';
	</script>
	</body>
	</html>