外部ファイルを非同期で読み込む
<script src="script.js"></script>のように外部のスクリプトファイルをHTMLページで実行する際、
HTMLの<script>タグ以降はスクリプトを処理した後に処理される。
そのため、外部のスクリプトファイルの読み込みに時間がかかった場合、ページの表示が遅れてしまう。
特にスクリプトファイルがページと別のサーバー上にある場合、
スクリプトのあるサーバーがダウンしていたらタイムアウトするまでページが表示されなくなってしまう。
<script>タグにはdefer属性というものがあり、
<script src="script.js" defer="defer"></script>のようにdefer属性を設定すると<script>タグ以降のHTMLが処理されてからスクリプトが実行される。
ただし、defer属性に対応したブラウザでないといけない。
defer属性を設定した場合スクリプトではdocument.writeを使うことはできない。