ページ表示の高速化を試みる……共用画像の軽量化 : ガベージニュース先日【ヤフーニュース】の見た目が少々変わり、ほんの気持ちだが「表示が速くなった?」ような感じがした。気のせいかも、と思ったが色々と調べてみると【Yahoo! JAPAN Tech Blog「Yahoo!ニュース高速化へのサイトデザイン側からのアプローチ」】で、実際にいくつかの高速表示のためのリニューアルをしていることが分かった。せっかくなので中身を調べた上で、使える技術は当サイトでも導入することにした。 ●高速化技術は大きく二つ。「画像の軽量化」と「CSS Spriteの導入」 詳しくは元記事を読めば分かるが、高速化の際に使われた技術は二つ。「画像の軽量化」と「CSS Spriteの導入」。後者は【「CSS Sprite」で検索してみると色々と事例が出てくる】ので分かると思うが、簡単に説明すると「複数の画像を一枚画像に全部載せて、一度に読み込んでサーバーへのアクセスを減らす」というもの。実
