先日【ヤフーニュース】の見た目が少々変わり、ほんの気持ちだが「表示が速くなった?」ような感じがした。気のせいかも、と思ったが色々と調べてみると【Yahoo! JAPAN Tech Blog「Yahoo!ニュース高速化へのサイトデザイン側からのアプローチ」】で、実際にいくつかの高速表示のためのリニューアルをしていることが分かった。せっかくなので中身を調べた上で、使える技術は当サイトでも導入することにした。 ●高速化技術は大きく二つ。「画像の軽量化」と「CSS Spriteの導入」 詳しくは元記事を読めば分かるが、高速化の際に使われた技術は二つ。「画像の軽量化」と「CSS Spriteの導入」。後者は【「CSS Sprite」で検索してみると色々と事例が出てくる】ので分かると思うが、簡単に説明すると「複数の画像を一枚画像に全部載せて、一度に読み込んでサーバーへのアクセスを減らす」というもの。実
![ページ表示の高速化を試みる……共用画像の軽量化 : ガベージニュース](https://cdn-ak-scissors.b.st-hatena.com/image/square/240e68dfdc4bde54796e65216bd6dcfc968d1f04/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Flivedoor.blogimg.jp%2Fraizo_fuwa%2Fimgs%2F6%2F0%2F60d12843.png)