今日ウェブサイトのソースを見て、私は私を驚かせた何かに出くわしました。それらはcssファイルに含まれている画像を持っていました（http://static.a.gs-cdn.net/webincludes/css/production-uri.css?20120521.1を参照）
これは私を驚かせました。確かに、すべての画像が埋め込まれた1つの大きなファイルをロードすると、最新のブラウザーでは時間がかかり（つまり、Chromeは必要なコンテンツの同時要求を大量に発生させます）、cssの問題のデバッグが難しくなります。それは正しいですか、そしてこのアプローチに何か利点がありますか？
CSSスプライトを使用する方が効率的かもしれませんが、CSSに画像を含めることには何の問題もありません。
HTTPリクエストの数を減らすため、UI要素（コンテンツ要素ではない）にCSSスプライトを使用することは理にかなっています。
これは、そのようなアプローチの長所と短所のいくつかを詳述した良い記事です。
長所：
最大の理由：HTTPリクエストを保存します。純粋なドキュメントサイズ以外に、これはページの読み込み速度に関する最大の要因です。少ない=良い。
短所：
すべてのデータURIが埋め込まれたサイトを維持するのは困難です。画像を更新して置き換えるだけの方が簡単です。
これは、CSSのように、大量にキャッシュされているドキュメントでのみ使用する必要があります。6つのHTTPリクエストを保存する場合は50kではなく300kのCSSファイルを使用しても問題ありませんが、そのCSSファイルがそれらの画像と同じようにキャッシュされる場合に限ります。
個人的には使用しません。HTTPリクエストを節約できますが、私の意見では適切ではないものでCSSを膨らませます。関心の分離を明確にするには、画像はそれだけである必要があります-画像。
さらに、すべてのリソースをキャッシュするのが難しくなります。CSSに1つの変更を加えると、理由もなくすべての画像データが再ダウンロードされます。