【HTML5】JavaScriptの解析を遅延させる方法
PageSpeed Insightsで URL 解析を行うと「JavaScriptの解析を遅延する」と
提案される場合があると思います。
その際には、script要素に async や defer を追加すると、良いみたいです。
async属性は、HTML5で追加された属性です。
<script src="example.js" async defer></script>
| async | 利用可能な時点で実行 | 文書の読み込み中にそのスクリプトが利用可能になった時点で実行する |
| defer | 読み込み完了後に実行 | 文書の読み込みが完了した時点でそのスクリプトを実行する |
- async属性とdefer属性は、script要素にsrc属性が指定されている場合にのみ、使用することができます。