導入同期ロード、非同期読み込み、遅延読み込み

また、ブロッキングモードとして知られている同期ロード同期モードでは、ブラウザは、レンダリングされた画像などの分析フォローアップ文書、実行を停止し、それ以降の処理を防止します。ブラウザなどの理由同期モード、JSファイルは、DOMの操作のデフォルト動作をロードしているため、出力ドキュメントをリダイレクトするには、そのため、同期が最も安全です。jsの前に、通常のページの妨害を最小限にするためのjsページのレンダリングに最後にロードすることができ、本体終了タグにロードされます。これは、ページが表示させます

簡単に言えば

ロードするページ上のJSは、HTMLレンダリングをロード、アンロードCSSをブロックすることができます

また、その後のページの処理を実行している間•非同期ロードはまた、同時にブラウザのダウンロードJS、非ブロックモードロードと呼ばれています。

スクリプトタグでは、JSの要素を持つスクリプトを作成し、文書に挿入された、これは非同期ロードのjsファイルです。

•同期ロードプロセスは、非同期ロードプロセスが同時実行モデルウォーターフォールモデルです。

簡単に言えば

•非同期読み込みは、無負荷CSS、HTMLの読み込みがブロックされません

遅延ロード（遅延ロード）

遅延ロード：いくつかのjsのコードページが必要なときにすぐに開始されていない、といくつかのケースでは、後で必要となりました。レイジーローディングは最初にJSせずに、一時的にこれらをロードされていないが、その後非同期以降、必要なときにJSを制御することにより、ロードします。

簡単に言えば

•再実行を使用する場合、実行はしません

コードは、カプセル化された共有します

 関数loadScript（）{
    VARのスクリプト=のdocument.createElement（ "スクリプト" ）。
   script.type = "テキスト/ javascriptの" ;
 // <スクリプトのスタイル=「テキスト/ javascriptの」> 
   script.src = URL;
 // <スクリプトのスタイル=「テキスト/ javascriptの」URL =「」> 
   の場合（script.readyState）{}
 // readyStateの载入中 
   （関数（）{
    関数async_load（）{
    VAR S =のdocument.createElement（ 'スクリプト' ）; 
   s.type = 'テキスト/ javascriptの' ; 
   s.async = 真; 
   s.src= 'Http://yourdomain.com/script.js' ;
    VAR X = document.getElementsByTagName（ 'スクリプト'）[0 ]; 
   x.parentNode.insertBefore（S、X）; 
// のparentNode親ノード要素を返します
 / / のinsertBeforeは、現在のノードの次の子ノードを挿入
   }
    IF （window.attachEvent）
  // 相分離層ULとattachEventレイヤコード 
  window.attachEvent（ 'のonload' 、async_load）;
    他
  window.addEventListener（ '負荷'、async_load、falseに;） 
   ）（）;}

導入同期ロード、非同期読み込み、遅延読み込み

おすすめ