async/deferはGoogleSEO:Eliminate render-blocking resources対策にもなる

async属性

実行タイミング

DOMツリーの構築前後に関わらず実行

<script> が複数ある場合の実行の順序

ファイル読み込みが終わった順に実行

互いに依存関係がない場合は、 defer より速い

互いに依存関係がある場合は、順序がランダムなので読み込みエラーになりうる

defer属性

実行タイミング

DOMツリー構築後に実行

<script> が複数ある場合の実行の順序

記述順に上から実行される

なぜdefaultでは両方offなのか？

<script> が複数あって、1つだけdeferを書いたときの挙動

無意味？

例えば、bodyタグの最後に <script> を書いた場合、asyncを付けてもdeferを付けても実行のタイミングは全く同じ

解析がそこまで来た時点でDOMツリーの構築は終わっているので

crossorigin属性

integrity属性

『現場のプロから学ぶ SEO技術バイブル』 p.210~

SEO観点から、bodyの最後に置いていることを前提にしているので話が簡潔

最速はasync付きでhead要素に記述

なんでそんな結果になるの #??