【レスポンシブWebデザイン】defer属性とasync属性

defer属性とasync属性とは

• スクリプトファイルの非同期処理取得に関する属性
• script要素にdefer属性、またはasync属性を指定すると、スクリプトファイルが非同期取得され、ユーザインタフェースのパース(解析)処理が継続される。

　⋄defer属性：HTMLのパース完了後かつDOMContentLoadedイベント前にスクリプトが実行される。

　⋄async属性：ファイル取得後にスクリプトが実行される。

※通常設定では、スクリプトファイルは同期処理で取得され、取得後に即実行される。その間、ユーザインタフェースのパース(解析)処理が中断される。

記述例