もぜひご覧ください。
昨日、「Blogが重くなる原因」というエントリーを書きました。
今日はその続きで、「tableレイアウトの問題」を取り上げます。
tableレイアウトとは？
HTMLでは、表組みを作るには「table」というタグを使います。
この表組みを利用して、複雑なレイアウトのページを作ることを、「tableレイアウト」と呼びます。
tableレイアウトでは、表の行／列のサイズを細かく設定して、レイアウトを決めていくという方法を取ります。
tableレイアウトは、複雑なレイアウトを比較的簡単に行うことができるというメリットがあります。
また、古いWebブラウザでも、表示が崩れにくいというメリットもあります。
Blogでは2カラムや3カラムなどの段組のレイアウトを取ることが多いです。
tableレイアウトを使えば、2カラムや3カラムのページを比較的簡単に作ることができます。
あちこちのBlogでHTMLを見てみると、tableレイアウトを取っているところが結構あります（特にレンタルBlog）。
tableレイアウトの問題
ところが、tableレイアウトを行うと、「表の中身をすべて読み込み終わらないと、表の部分が表示されない」という問題が起こります。
そのため、中身を読み込み終わるまでに時間がかかると、表が表示されるまでの間しばらく待たされることになります。
tableレイアウトのBlogの場合、サイドバーにBlogパーツをたくさん貼り付けた時に、問題が起こりやすくなります。
Blogパーツのどれかが負荷が高い状態になっていると、そのBlogパーツを読み込むのに時間がかかるようになります。
tableレイアウトにしていると、そのBlogパーツを読み込み終わらないとページ全体が表示されないので、表示が重く見えることになります。
ご自分のBlogがtableレイアウトになっているかどうかは、ページを表示してみれば分かります。
ページに接続してから、ある程度時間がたった後でページ全体が一度に表示される場合は、tableレイアウトになっていると思われます。
以下のリンクをクリックすると、当Blogのトップページをtableレイアウトにしたものが表示されます。
接続してしばらくしてから、ページ全体が一度に表示されることがお分かりいただけると思います。
解決策その1・Blogパーツをはずす
tableレイアウトで重く見えている場合、1つの解決方法は、「表示に時間がかかるBlogパーツ等を、ページからはずす」ということです。
また、Blogパーツ専用のページを作って、重いBlogパーツはそちらに移動するといった方法も考えられます。
この策なら、作業自体は自分で簡単に行うことができるでしょう。
ただ、「せっかくのBlogパーツをページからはずしたくない」という方も多いのではないかと思います。
解決策その2・tableレイアウトをやめる
もう1つの解決策は、「tableレイアウトをやめる」ということです。
tableレイアウトではなく、テンプレートとスタイルシートを工夫してレイアウトすれば、重いBlogパーツがあってもその手前まで表示されて止まるようになりますので、見た目上軽くなったように見えます。
ちなみに、当Blogもtableレイアウトは使っていません。
レンタルBlogでテンプレートを自由に編集できない場合、業者から提供されているテンプレートを順に試してみて、tableレイアウトを使っていないものを探す、というのが1つの策です。
また、テンプレートの中身を自由に編集できるレンタルBlogサービスに乗り換えるか、あるいはMovable Type等のカスタマイズ性の高いBlogツールに移行するという策も考えられます。
![Hvarf-Heim (Hvarf) [Disc 1]](http://userserve-ak.last.fm/serve/34s/37517227.jpg "Hvarf-Heim (Hvarf) [Disc 1]")
コメントはスレッド表示になっています。
また、スレッドの先頭のコメントに対する返信には、先頭に矢印を表示しています。
blogの表示が重いことについて、読ませていただきました
tableレイアウトの例をクリックして、時間がかかるのに驚きました
tableレイアウト、訪問して下さった方がパッと入れるようなブログにしたいと思います
トラックバックさせて頂きましたm(_゛_)mペコ
壱さん こんにちは。
これって先日、私のところでアドバイスして下さったことですね。
とりあえず私の場合は、ブログツールをひとつページの一番最初に移したのですが・・・これもひとつの対策だったんですね。（根本的な解決にはなっていないでれど・・・）
使うテンプレートもどうしても目がいくようなデザインなんかはｔａｂｌｅレイアウトされてるものが多いってことなんですね。
時間のあるときにテンプレートをいろいろとお試しして、ｔａｂｌｅレイアウトでないものを探してみます。
＞ページに接続してから、ある程度時間がたった後でページ全体が一度に表示される場合は、tableレイアウトになっていると思われます。
ということですが・・・私程度のモノが見分ける方法はこれしかないのでしょうか？
＞ふゆこさん
こんにちは。
文章だけのページならtableレイアウトでも特に問題ないですが、Blogパーツが入ったりすると重くなりがちです。
そちらのページを拝見しましたが、tableレイアウトではないので良いと思います。
＞ほっぺさん
こんにちは。
思わず自分のBlogのネタにさせていただきました（笑）。
tableレイアウトかどうかを見分けるには、ページのHTMLを見ればより確実です。
HTMLファイルの先頭の方に「<table>」のタグがあって、最後の方に「</table>」のタグがあれば、tableレイアウトを使っている可能性が高いです。
なお、ページのHTMLを見るには、Internet Explorerだと、[表示]→[ソース]メニューを選びます。
ただし、Internet Explorerの不具合で、メニューを選んでもHTMLが表示されない場合があります。
そのときは、以下のページをご参照ください。
http://homepage2.nifty.com/winfaq/superfaq.html#360
ソースでＯＯタグのチエック！ですね。
φ(．．)メモメモ
ｆｃ２だと使いたいテンプレートを自分の管理ページにダウンロードすればソースも全部みることができるので・・・まずは表示のされ方で「よさそう」なのを見つけて、その後ソースをチェックしてみます。
丁寧なアドバイス ありがとうございました。
m(__)m
壱さん 夜中にお邪魔します＾＾
テンプレート いろいろと探してみてこれなら・・・と思うのを見つけて変更してみました。
おそらく今回のは【tableレイアウト】ではなくスタイルシートを用いたものだと思うのですが・・・。
(^_^;