スクリプト読み込み方法まとめ_JavaScriptスキル

1. 静的読み込み
CSS および画像リソース ファイルは、ブロックすることなくページのレンダリング中に並行してダウンロードできます。 IE8 および FF では、JS の並列ダウンロードもサポートされます。ページの JS ダウンロードは高速化されていますが、JS によるページ レンダリングのブロックは依然として存在しており、JS がロードされている場合に限り、ページの残りの部分はレンダリングを続行できます。ヘッド部分に配置されたスクリプトは最悪です。ページにとってヘッド部分は必要であり、ヘッド部分が読み込まれていない場合、ボディ部分が読み込まれる前に解析が開始されません。解析されると、ページは空白になります。静的スクリプトがページのどの部分に配置されても、JS コード内のページ要素を変更して Dom 構造に影響を与える可能性があるため、ブラウザ実装の観点からはブロックされます。 。ブラウザーの JS の動作は予測できないため、レンダリングを続行する前に、前のスクリプトが読み込まれるまで待機する必要があります。したがって、ベスト プラクティスは、ページ