問題 × 解決策

外部Javascriptファイルの遅延読み込み

問題

外部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

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

three + four =

「問題 × 解決策」
月別アーカイブ一覧

「問題 × 解決策」
月別アーカイブ一覧