画像にスプライトを使用するかどうかの決定について誰かがコメントできますか?次の利点/トレードオフがあります(そのうちのいくつかは軽減できます)。
個々の画像上のスプライト
長所:
- 管理する画像が少ない
- テーマ画像の実装が簡単
- イメージスワップ(JS / CSS)はより速く発生します(追加のイメージロードを必要としないため)
- HTTPリクエストが少ないため、画像の読み込みが速くなります
- キャッシュする画像が少なくなります(ただし、KB全体に実質的な違いはありません)
短所:
- 管理するより多くのバックグラウンドポジション
- 画像のペイロードが過剰に膨らんでいる可能性があり(スプライトに未使用の画像が含まれている可能性があります)、ページの読み込みが遅くなる可能性があります
- 同期してダウンロードできないため、画像の読み込みが遅くなります