私はfamfamfamシルクアイコンセットから約30枚の画像を使用しており、base64でエンコードされた形式でこれらを見つけました
アイコンは.cssファイル(約20kb)に保存され、結果の各行には同じアイコンが5つ含まれます。httpsを介して最新のブラウザーにのみ提供されます。
単一の外部CSSファイルから参照される5つの同一のアイコンを含む100行があるかどうかを知りたいのですが、これは個々の画像ファイルやスプライトよりもパフォーマンスが優れていますか?CSSファイルは明らかにキャッシュされますが、ブラウザーがデータから同じ背景画像を何度もレンダリングする必要がある場合、これはキャッシュされた画像ファイルよりも優れているのでしょうか、それとも悪いのでしょうか。
ウィキペディアからもこれに気づきましたが、他の人の意見や経験に興味があります。
同じドキュメントから同じリソース(埋め込まれた小さな画像など)を複数回参照すると、埋め込まれたリソースの複数のコピーが作成されます。それに比べて、外部リソースは何度でも任意に参照できますが、ダウンロードとデコードは1回だけです。