サイトを高速化させる為の豆知識(CSS Sprites)


サイトを高速化させる為の豆知識(CSS Sprites)今日は,CSSを使ってサイトを高速化するテクニック「CSS Sprites(CSSスプライト)」についてのお話をさせていただきます。

参考url:

http://gihyo.jp/design/serial/01/ss-design/0010

CSS Spritesとは?

通常,ウェブページを制作する場合,デザインファイル(psdやpngなどの画像)をスライスし,HTMLのimg要素として埋め込んだり,CSSの背景画像として指定していることと思います。

それらの画像を一つにまとめ,1度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。

う~ん、サイトの高速化にも色々な方法がありますね。

こちらの関連記事も合わせて読んでみては?:)

  1. scriptaculous.jsのエフェクト(Highlight)使用方法
  2. Highslide JSの使い方(使用方法)
  3. テキストエリア等の入力フォームをリサイズ可能にするJavaScript
  4. JavaScriptの関数オブジェクトを完璧に理解する

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>