問題
外部javascriptファイルに対策を行い、ページの表示速度の改善を図りたい。
解決策
外部javascriptファイルの読み込み時に「async」または「defer」を設定する。
ページの表示速度の改善を図りましょう。
外部javascriptファイルの読み込みに関して遅延させる対策を行い、ページの読み込み速度の改善を図りましょう。
外部javascriptファイルの遅延読み込みさせる方法
外部javascriptファイルの読み込み時に、「async」または「defer」を設定します。
async | ページの読み込み時、HTMLの解析とは関係なしに、非同期で読み込まれます。 |
---|---|
defer | ページの読み込み時、HTMLの解析完了後に読み込まれます。 |
<script type="text/javascript" src="exaple01.js" async></script>
<script type="text/javascript" src="exaple02.js" defer></script>
参考ページ
【defer と async を使ってサイト高速化 – ナデズダ・ゴボリン】
https://hysryt.com/archives/1067
【<script>: スクリプト要素 – HTML: HyperText Markup Language | MDN】
https://developer.mozilla.org/ja/docs/Web/HTML/Element/Script
コメント