Takepepe's Blog
Amebaでブログを始めよう!

CSSスプライト1

CSSスプライトとは?



O'Reilly出版「ハイパフォーマンスWebサイト」にあるように、WEBサイトで高速化を図るにはURLリクエスト数を減らすことが1つのポイントとして挙げられます。(URLリクエスト数=そのページを構成するファイル数)

CSSスプライトはマウスオーバーボタンを実装する手法として認知されていることが多いですが、JavaScriptを使用したマウスオーバーボタンと比べる手間がかかります。その手間をかけてまで実装するメリットは以下のとおり。デメリットもあります。

メリット



  1. サイトレスポンスの向上。

  2. クリーンソースなため、SEOに効果がある。

  3. 多メディアへの対応が容易。



デメリット



  1. CSSが冗長になりがち。

  2. プリントされない。

  3. SEOスパム扱いされるという風評がある。



これらを踏まえた上で、筆者はCSSスプライトをお薦めします。
実際の行程はまた次回。