本日は、一日中このブログの表示の高速化に努めていました。近頃、以前よりブログに対する検索トラフィックが増えてきたからです。 これ以上どこをいじったら、ブログの表示を高速化出来るのか、いまいち分からなかったので GTmetrix というサービスを使い、ブログのどこがネックになっているのか、確認してみました。 すると、診断結果で「CSS スプライト」を使いなさいと表示されました。な、なるほど~画像をまとめて読み込んで高速化しろってことですね。CSSスプライトは今まで使ってきたことがなかったので思いつきませんでした。 CSS スプライトで表示の高速化 CSSスプライトとは、Webデザインにおける技法の一種で、複数の画像部品を連結して1枚の画像ファイルにまとめ、CSSで表示範囲を指定することによって表示する手法のことである。 ―― CSSスプライトとは (CSS Sprites) シーエスエススプ
![画像読み込みの高速化に使える!「CSS Sprite Generator」 | PLUS1WORLD](https://cdn-ak-scissors.b.st-hatena.com/image/square/df9ad3bc5f473fa3cf4be0ae20903c03e4a3c9f8/height=288;version=1;width=512/https%3A%2F%2Fplus1world.com%2Fwp-content%2Fuploads%2F2013%2F09%2Fcss-sprite-generator-0002.jpg)