まず、このコード行を見てみましょう:
<script src = "allMyClientSideCode.js"></script>
これはちょっと…良くないですね。 「これをどこに配置すればよいでしょうか?」「上のほうの
タグの中に置くべきですか? それとも下のほうの タグの中に置くべきですか? どちらのアプローチでもリッチなスクリプトが作成できます。サイトの終わりは悲劇的でした。」 。 タグ内の大きなスクリプトはすべてのページのレンダリング作業を停止させ、スクリプトがロードされるまでユーザーは「死の白い画面」状態になります。 タグの末尾にある大きなスクリプトでは、ユーザーには活気のない静的ページしか表示されず、クライアント側のレンダリングが実行されるべき場所には機能しないコントロールや空のボックスが散在しています。この問題を完全に解決するには、スクリプトを分割して征服する必要があります。ページの見栄えを良くして使いやすくするスクリプトはすぐにロードする必要がありますが、後でロードできるスクリプトは後でロードする必要があります。しかし、呼び出し時に確実に利用できるようにしながら、これらのスクリプトを解凍するにはどうすればよいでしょうか?
1.
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
