「高パフォーマンス 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 属性を持つ
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
