ホームページ > 記事 > ウェブフロントエンド > Javascript_javascript ヒントのノンブロッキング読み込みの具体的な方法
「高パフォーマンス JavaScript」の読書メモを読む
いくつかの原則:
1. スクリプトを一番下に配置します
は、js がロードされる前にページが正常にロードされることを保証するためにまだ head 内にあります。
<script>は</body>の前に配置されます。 </p> <p><strong>2. グループスクリプト</strong></p> <p> 各 <script> タグはダウンロード時にページ解析プロセスをブロックするため、ページ上の <script> の総数を制限することでもパフォーマンスを向上させることができます。インラインスクリプトと外部スクリプトの両方に適用されます。 </p> <p><strong>3. ノンブロッキング スクリプト</strong></p> <p>ページの読み込みが完了するまで待ってから、js コードを読み込みます。つまり、コードのダウンロードは、window.load イベントが発行された後に開始されます。 </p> <p> (1) defer 属性: IE4 および fierfox3.5 以降のブラウザをサポート </p> <p><スクリプト遅延>...</script>
インラインファイルと外部ファイル
defer 属性を持つ
使用:
Y.Dom.addclass(...)
})
LazyLoad ライブラリ
使用法: 最初に紹介する: Lazyload-min.js
(4)
Application.init();
})
Application.init();
})
最初に紹介します: lab.js
Application.init();
})
彼のユニークな機能は、依存関係を管理できることです。
wait() 関数を使用して、どのファイルが他のファイルを待機するかを指定できます。
例: b.js コードは、a.js より前に実行されないことが保証されています
Application.init();
})