Mako Hakkinenn's Voice
by Mako Hakkinenn

■■■
■■
■　メンテナンスでサイトの高速化を実現
2006年01月19日(木)
　昨日カウンターを軽くしたついでに、今日は時間があったので、久々にサイト全体をメンテナンスし、思い切って３分割していたフレームを一つ廃止して、２フレーム構成にしてサイト全体に高速化を図りました。

　まずフレームの話からしますと、ホームページにおけるフレームというのはページを分割しているパーティションのようなもので、フレームで分割することによって、それぞれのフレーム内に違うページ（ｈｔｍｌ）を表示させることができるわけです。通常フレーム分割には、全ページ共通のページなどをフレームで別表示にして、それが一度表示されてしまえば、あとは他のフレームでサイト内をどう動き回ろうが、共通ページだけはまったく更新しなくていいというメリットがあります。

　で、今までのうちのサイトは、左側のメニューフレーム、上部のヘッドフレーム、そして本文を表示するメインフレームの３分割で構成されていました。つまり、訪問者はメニューフレームかヘッドフレームのコンテンツボタンを押して、そのコンテンツがメインフレームに表示されるというわけですね。


今までの３分割フレーム


　しかし、ご存じの通りうちのサイトは、左のメニューフレームこそ全ページ共通ですが、上のヘッドフレームは各コンテンツに行くとそのコンテンツのタブが最前面に出てくるデザインなので、コンテンツ内での移動ではメインフレームだけが動いていますが、コンテンツを移動するたびにメニューフレームは毎回更新されてしまいます。
　しかも、本来全ページ共通で一度読み込まれたら更新する必要がなかったメニューフレームまで、コンテンツが移動するたびにいちいち更新し直してしまう作りになっていたために、フレームで分割しているのに全てのフレームがコンテンツが変わるたびに更新されるという、何とも効率の悪い状態になっていたわけです。

　フレームが使用されているページというのは、各フレームで同時にそれぞれ割り振られたページを表示するので、うちの３分割の場合、３つの作業を同時にしているわけですから、全ての作業が完了する、つまり３分割フレームで作られたページが全て表示されるまでに時間がかかってしまうというわけなんですね。

　要は、フレームので分割する利点をまったく活かしていなかったというわけです。

　で、今回は思い切って上のヘッドフレームとメインフレームを統合してしまい、その変わり今までヘッドフレームで割り当てて表示させていたいたタブのメニューボタンを、本文のページ全てに貼り付け、フレームを左のメニューフレームと右のメインフレームの２分割だけにしました。


新しい２分割フレーム



このタブボタンを全ての本文ページに貼り付けた


　もちろん左のメニューフレームも、いちいちコンテンツを移動するたびに再更新してしまうと言う無意味な設定をやめて、メニューフレームは一度読み込んでしまったらあとは一切更新しない状態にしました。
　これにより、これまでうちのサイトにまず訪れたときには３つの読み込み作業を行っていたものが２つの作業で済むようになり、さらにメニューフレームはその後一切更新しなくなったので、あとはメインフレームだけが切り替わっていくようになり、結果的に各ページの表示スピードは飛躍的に向上しました。

　その代わり、メインフレームをスクロールしてしまうと、各本文ページの先頭に貼り付けたタブボタンもスクロールして上に消えていってしまいますが、まあ、デザインはクリアファイルなのに、今までは下の紙だけスクロールしてタグだけ残っているのはおかしいと思っていたので、一緒にスクロールすることで、多少不便にはなりましたが、よりクリアファイルっぽくなったのではないかと思っています。ま、横に同じ機能を持つメニューフレームもあることですしね。

　今回全ての本文ページにタブボタンを貼り付けるという作業は結構面倒だったのですが、こうすることによって、もう一つ大きなメリットがあります。

　通常誰か全然知らない人が何かキーワードで検索して、検索エンジンからうちのページに辿り着いた場合、フレームは反映されず、そのキーワードがある本文ページの単票だけが表示されます。


検索などで辿り着いたフレームなしのページ


　しかし、その単票である本文ページ自体にタブボタンを貼り付けたことで、検索して初めてうちのサイトに足を運ばれた方にもタブボタンが見え、コンテンツが他にもあることを知らせてくれるので、そこで興味を持った訪問者はタブボタンを押して、他のコンテンツも回ってくれるようになると言うわけです。


直接貼り込んでいるので単票ページにもタブボタンが！


　……とまあ、ここまで長々と書いてきましたが、皆さんついて来られましたか？

　……え？さっぱり意味がわからなかった？

　……ま、まあ要は、サイトが高速化されて快適になったということです。今日のお話について来られなかった方も、スピードアップしたサイト巡りをお楽しみください。


↑エンピツ投票ボタン
My追加
≪過去 未来≫ 初日 最新 目次 MAIL HOME


My追加