JavaScriptの非同期読み込みについて詳しく解説

今回は、JavaScriptの非同期読み込みについて詳しく説明し、JavaScriptの非同期読み込みを扱う際の注意事項について、実際のケースを見てみましょう。

同期読み込みの問題

ここでの「読み込み」は、「ダウンロード」ではなく、解析と実行として理解できます。コード これらはすべてウォーターフォール読み込みであり、ブロックしていませんが、js の実行は常にブロックされます。これはどのような問題を引き起こしますか?インデックス ページで js をロードする必要があるが、リクエストの 1 つが長時間応答を受け取らない場合、後続の js コードの実行 (同期ロード) がブロックされ、ページのレンダリングを続行できなくなります (js の導入が完了した場合)はラベルの後の head にあります)。

<script></script>
<script></script>
this is a test

たとえば、上記のコードは、index.html ファイルとして保存されますが、ページの本体は単純な string ですが、コードが実行された後もページは空白のままです。リクエストされた js が長時間ロードできないため (Google がブロックされているなどの理由で)、後続のコードの実行がブロックされ、ページをレンダリングできません。おそらく、js コードを

以上がJavaScriptの非同期読み込みについて詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。