検索

ホームページ  >  記事  >  ウェブフロントエンド  >  Javascript_javascript ヒントのノンブロッキング読み込みの具体的な方法

Javascript_javascript ヒントのノンブロッキング読み込みの具体的な方法

WBOY
WBOYオリジナル
2016-05-16 17:30:471193ブラウズ

「高パフォーマンス 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 属性を持つ