css - 画像スプライトのサイズは重要ですか

Question

現在、サイズが 200K の画像スプライトを使用しており、その読み込み時間は 4.9 秒です。

私の質問は、

1. ロード中にスプライト画像のサイズは重要ですか?
2. サイズが大きくなる場合は、2 つまたは 3 つの画像スプライトに分割できますか?
3. HTTP リクエストを増やしたり、圧縮したりするのに最適なオプションは何ですか?

ありがとう

Answer 1

1. 特定の画像を他の画像の前に表示したい場合は重要です。全体が読み込まれるまで、明らかに画像を表示することはできません。特に重要な要素がある場合は、それらを別のファイルに分割します。

2. はい

3. おそらくすでに jpeg や png などの圧縮された画像形式を使用しているため、圧縮はあまり役に立ちません。

ページの読み込み速度を最適化する必要がある場合は、ポイント 1 の提案を行い、残りの画像に対して非同期リクエストを使用する可能性があります。