defer属性

このエントリーをはてなブックマークに追加

defer属性はスクリプトファイルの読み込みを制御するための属性です。

HTML5で新たに追加されたdefer属性をscript要素に指定することでsrc属性に指定されたスクリプトファイルの読み込みを制御できます。

通常、script要素はスクリプトファイルの読み込みが発生したタイミングでページ内のリソースの読み込みやレンダリングを中止し、スクリプトファイルの読み込みが終了した時点でスクリプトファイルの中身を実行してからページ内のリソースの読み込みやレンダリングを再開します。

defer属性を指定することで、ページ内のリソースの読み込みやレンダリングは中止せず、スクリプトファイルの内容はページの読み込みが終了した段階で実行されます。

<script src="jquery.min.js" defer="defer"></script>

defer属性の属性値は省略可能です。

<script src="jquery.min.js" defer></script>

スクリプトファイルの内容をページの読み込みを待たずに実行したい場合はasync属性を利用します。

参考URL

4.3.1 The script element defer - W3C

登録日 : 2013年08月27日 最終更新日 : 2013年8月27日

同じカテゴリー(属性)のエントリー

検索

スポンサードリンク

バージョン

リファレンス