大きなCSSスプライトは良いアイデアですか？

Question

私は高速インターネットにロードするのに約3秒かかる大規模なCSSスプライトを持っています。私はこれが良いアイデアかどうかを知りたい。

これに加えて、実際のスプライトがロードされているときにスプライトのちょうど1ビットの小さな画像を表示する必要があるかどうかを知りたいと思っています。これは、1つではなく2つのHTTPリクエストを意味しますが、ドキュメントが読み込まれたときにオーバーレイが消えた場合、UI /ユーザーエクスペリエンスが向上するかどうかは疑問でした。

Answer 1

大きすぎますか？ 3秒はばかばかしいようです。太陽の下ですべてのイメージを読み込んでいたら、それは良い考えではありません。画像の最適化を調べる必要があるかもしれません（現在どの形式ですか？スプライトを投稿できますか？）

基本的にはトレードオフです。あなたのページのスプライトの画像の1/2を使用している場合は、少ないHTTP接続で多くの利益を得てから、未使用の画像を無駄にするため、問題ありません。スプライト内の画像の1％を使用している場合、それは価値がありません。限り、あなたの第二の質問が行くように

- 絶対にスプライトが、それが現在であるほど大きくする必要がある場合があることを行います。あなたは1つの余分な小さな画像を読み込むことによる損失はほとんど見られません。スプライトのポイントは、たとえばHTTP接続を100から10に減らすことです。 10 - > 11は大したことではありません。

Answer 2

あなたのスプライトがそれほど大きければ、画像を論理グループに分割し、いくつかのスプライトに保存することをお勧めします（2-4を参照）。ページ上に一度にすべての分割スプライトが表示されない場合は、ページの読み込みが増加します。