2005年06月10日

indexページのダイエット

[ Experience]

以前から気になっていたmemorandumのindexページのダイエットを決行した.

どこかのBlogで見た「続きを読む」をクリックするとページを移動せずにズラッと表示するのが気に入ったので,当サイトでもこれまではそのスタイルでやってきた.
しかし,これはクリックするたびに続きを読みに行くのではなく,最初に続きも含めた全データを読み込んでおき,クリックされるまで隠しておくことで実現されていた.

クリックするたびに続きを読みに行くのと,最初に全部読んでおくのでは,トップページ(=indexページ)のサイズが全然違ってしまう.
文字データだけでなく,表示されていない部分の画像データも読み込んでいるため,トータルではかなり違っていたはずだ.

ということで,今回のダイエットによって,「続きを読む」を押すと個別記事に飛ぶスタイルに変更してみた.まあ,MovableTypeの最初のスタイルに戻してみたわけだ.
これだけだとトップに戻るのが面倒なので,個別記事の最後に「戻る」ためのリンクもつけてみた.

これでトップページのファイルサイズがかなり小さくなった.
今まではトップには記事10件を表示していたのだが,ダイエット前の時点で39KB.実際には画像のデータも読み込まれるので,平均すると100KB以上のデータがトップページを表示するために読まれていたことになる.
今回のダイエットの成果だが,39KBが27KBにまで減少した.三分の一弱のダイエットに成功したわけだが,実はダイエットついでに記事の表示件数を10件から14件に増やしてこのサイズ.読み込まれる画像もダイエット前よりも少なくなるので,多くて50KBくらいのデータで済むと思われる.

最近ではほとんどの人が定額料金&ブロードバンドでネットを使っているので,あまりファイルサイズのことは気にしないでいいのかもしれない.
また,検索エンジンへのヒット率のことを考えると,ファイルサイズのことは無視すべきなのかもしれない.
そういう意味では時代に逆行しているような気がしないでもないが,このあたりは個人の好みの問題だしね.