CSS Spritesでメモリ消費量が増える！？ | Web標準Blog | ミツエーリンクス

WebサイトやWebアプリケーションの高速化のため、CSS Spritesを採用するサイトが増えてきています。 CSS Spritesは、ページで使うアイコンやロゴ、背景など、画像ファイルを大きな画像の塊にまとめ、CSS側でレイアウトを制御するテクニックです。複数の画像をまとめるため、HTTPリクエスト数を減らしことができ、高速化や負荷軽減につながるという利点があります。また、:hoverや:activeなどと組み合わせることにより、動的表現をJavaScriptなしで実現できることも、CSS Spritesが好まれている理由のひとつです。 一方で、CSSの画像置換に関連する問題や、画像の作成や配置にかかる手間など、懸念事項もあります。そんな中、Mozillaの開発者であるVladimir Vukićevićが、「メモリ消費量が増えてしまう」という問題について語っています。 To Spri

[efcl]

CSSスプライト。大きさが近いものをまとめるのはいい。違うものをまとめるとメモリ的によくない

[itochan]

downloadは26kB、でもメモリでは75MB

[mimimi0101]

CSS Sprites用にページ内の画像を全て統合した画像は、余白や色数が多くなることから、ファイルサイズ、面積ともに大きくなります。このような画像がページのあらゆるところで利用されると、レンダリングにおいてメモリ

[seikenn]

良いと言われている技術をなんでもかんでも取り入れるのも考えようですよってのがよくわかる記事

[edo_m18]

場合分けで使う。なにがなんでもSpritesがいいわけではない。

[Akaza]

CSS Spriteを用い大きな画像をページ内各所で使用すると、レンダリングのためにクライアントのメモリを浪費してしまうという話。

[sgni]

@importも読み込み速度的にはあまりよくないというのも聞いたことがありますね。適材適所という感じ？

[kits]

テキストだけでもいいのになあ(特に必要が無ければ)。

[monjudoh]

『CSS Sprites用にページ内の画像を全て統合した画像は、余白や色数が多くなることから、ファイルサイズ、面積ともに大きくなります。このような画像がページのあらゆるところで利用されると、』

[sigwyg]

まあ、何でもかんでも突っ込むのは品がないよね。 → 「大きさの異なる画像までまとめてしまうことについて問題がある」