非同期スクリプトの実行順序

Question

この仕様では、「非同期のスクリプトはロード優先で実行されますが、ドキュメントの順序は重要ではありません。

また、非同期スクリプトは完全に独立している必要があります。

このシナリオでは、非同期スクリプトが非同期スクリプトがロードされる前にロードされる保証はありませんか？

<script src="non-async-script.js"></script> 
<script src="async-script.js" async></script> 

Answer 1

歴史的に、ブラウザは、スクリプトタグが読み込まれるまでDOMの解析を停止します。

最新のブラウザはほぼ同じことを行いますが、リソースを並行してロードするために、今後のリクエストを見つけるためにDOMで先読みされます。

だからあなたの質問に答えるために、最初のスクリプトタグは、2番目のスクリプトの前負荷に保証するものではありませんが、それは非同期スクリプトの前に前にを実行する必要があります。