<script>要素のdefer属性、async属性による外部JavaScriptの非同期読み込み - Qiita

ディップ Advent Calendar 2017 の5日目です。 JavaScriptはその処理内容自体もパフォーマンスチューニングの対象になりますが、HTML側での<script>タグの書き方も大事です。 レンダリング前のプロセス ブラウザが描画の前にやっていること ブラウザはHTMLをサーバーからダウンロードすると、その内容をパース（解析）してDOMツリー（文書構造の内部表現）を構築する。 <script>タグによるパースの中断 HTMLパーサーは、パースの途中で<script>タグがあるとそのスクリプトを実行し終わるまで一時的にパースを中断する。 src属性がある場合（外部JavaScript）はサーバーにリクエストし、ダウンロードして実行するので、その分中断時間が長くなる。 <script>タグを</body>の前に記述するのがセオリーなのはこのため。 なぜパースが中断されるのか