4つの異なるページと3つのページの画像をイメージしたホームページを想像してください。は、一度に取得した複数ページのWebサイトのすべての資産です
ユーザーがホームページに移動するとすぐに3ページの画像がダウンロードされるのか、ホームページに必要なアセットのみがダウンロードされるのですか？
コンテキスト この質問のコンテキストは次のとおりです。軽量のホームページを持つために読み込み時間が改善されるかどうか、ユーザーが他のページの1つにコンテンツを表示する必要がない場合には不要なアセットのダウンロードを避けるかどうかを知りたい。 （すべてのコンテンツが単一のページアプリに編成されていた場合、ユーザーがホームページにナビゲートすると、すべてのアセットがダウンロードされます）。これはマルチページデザインを選択する潜在的な理由です
ユーザーがホームページに移動するとすぐに3ページの画像がダウンロードされるのか、ホームページに必要なアセットのみがダウンロードされるのでしょうか？
これは単一ページアプリケーションではない場合、ブラウザはサイトの他のページにあるアセットについて、それらのページに移動するまで認識しません。
すべてのコンテンツが1ページのアプリに整理されている場合、ユーザーがホームページにナビゲートするとすべてのアセットが明らかにダウンロードされます。
必ずしもこれは、シングルページアプリケーションのコード方法によって異なります。あなたの資産がロード時にDOMに公開されていない場合、資産はまだダウンロードされません。たとえば、エレメントをクリックした後に画像がある新しい<div>を作成し、その画像が他の場所で使用されていない場合、その画像はそのときにダウンロードされます（ページの読み込みではありません）。
しかし、長いホームページを持ち、それをシングルページアプリケーションとして参照しているのであれば、あるタイプのlazy loadingを実装しない限り、すべてがロードされてダウンロードされます。