JavaScript - Web ページを開く速度を最適化するには?

Question

1. ファイルリクエストの数を減らします、##2. スプライト画像を使用します。
3. 遅延読み込みを使用します。
(ファイル リクエストの数を減らすにはどうすればよいですか?)
(ファイル リクエストの数を減らすことで最適化できるのはなぜですか? 10,000 個のファイルと 100,000 個のファイルがある場合、10,000 個のファイルはマルチスレッドを使用します。 () ()
答えを教えてください。 。 。 。 。 。ありがたい。 。

Answer 1

Web ページが比較的長い場合は、最初に 1 画面のコンテンツを表示し、次にスクロール バーを一定の距離までスクロールさせ、ajax リクエストを使用してそれを読み込むことができると思います。表示するコンテンツが多い場合はタオバオや京東のようにページネーション表示を使うのが良いと思います。

Answer 2

現時点では、スプライト画像の使用は最適化の最良の方法ではない可能性があります。
webpack を使用すると、base64 でのエントリ ファイルとパッケージ イメージを減らすことができ、ニーズを完全に解決できます。

Answer 3

いくつかについて簡単に説明しましょう:

1. スプライト画像を使用すると、たとえば、100 個の小さなアイコンが 1 つの画像に分割されている場合、それらをすべて結合するためにサーバーに 100 回リクエストを繰り返す必要があります。 1 つの画像にまとめてリクエストする必要があるのは 1 回だけです

2. jsのマージ、cssのマージは同じです。

ここに記述します:
複数のスレッドが画像をリクエストする場合でも、ブラウザには制限があります。現在、すべてのブラウザでの同時リクエストの数は通常 10 未満に制限されています。つまり、この数を超えるとブロックされます
オンデマンド読み込みといえば、これは実際の状況によりますが、100Kを超える大きな画像には基本的にスプライト画像は使用されず、小さなアイコンには数十個しかありません。数百 B または 10 キロバイトをマージするときの負担はありません
複数のリクエストと比較して、このように 1 つのリクエストを行う方が「費用対効果」が高くなります