CSS Sprites ～CSSの最新技術～

Ummmmm...。

マニアックだ。
でも、確かにという感じ。

CSS Spritesとは、CSSで指定している背景画像たちを1つのファイルにしてしまい、画像のリクエスト数を減らし、体感速度を上げてしまうという技術。

LANが光であろうが、PCが超ハイスペックであろうが、これ一つするだけで全く体感速度が違う。

YOUTUBEの背景でそういう技術が使われているのは知っていたが、実際はあまり、何も考えずにいた。

でも、実際にBeforeAfterで見ると全く違いますね。

Before
各背景を個別で作成指示

After
各背景を一つの画像にまとめる

CSSも進んできたねぇ...。やっとIE7か！？

参照サイト：
CSS Sprites化と画像減色でサイトを高速化 - エスカフラーチェLLC
http://www.escafrace.co.jp/blog/08/05/22/2033

CSS Sprites: What They Are, Why They're Cool, and How To Use Them - CSS-Tricks
http://css-tricks.com/css-sprites-what-they-are-why-theyre-cool-and-how-to-use-them/