外部JavaScriptを非同期で読み込ませる方法

PageSpeedInsightsで成績が悪いのでちょっとは改良しようと思い、
JavaScriptを非同期で読み込ませる指示が出てたので、その方法を調べた。

JSを読み込むタグに「async」または「defer」を入れるだけ。

<script src="https://example.com/themes/js/jquery.js"></script>
<script async src="https://example.com/themes/js/jquery.js"></script>
<script defer src="https://example.com/themes/js/jquery.js"></script>

asyncは順番を問わずに読み込む指定方法。
deferはHTMLでの記述順に読み込む指定方法。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください