外部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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください