#htmlから外部にあるjsファイルを読み込みたいときの適切な処理
javascriptについてMDN Web Docsで勉強したことを振り返るために投稿。
##htmlとscriptは適切なタイミングで読み込まないとダメ
スクリプトを外部から読み込むときにはhtmlのscriptタグにに属性を追加することがエラーを回避できる。
##defer属性とasync属性
この二つの属性がスクリプトのブロッキングを回避するやつ
###async属性
ページのレンダリングをブロックせずにスクリプトをダウンロードして、ダウンロードし終わると直ちに実行する。
複数のスクリプトがある場合特定の順序で実行される保証はなし、ダウンロード完了順?
ページの表示を邪魔しない。スクリプト同士が依存していない場合はおすすめ。
###defer属性
ページに現れた順でスクリプトを実行。つまり書かれた順。スクリプト同士が依存しているならこっち、対応するスクリプトは最初に実行するように。