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