パソコンQ&A

スタイルシートレイアウトのメリット

テーブルレイアウトに比べて、なぜスタイルシートレイアウトのほうがいいのか。
同じデザインの2つのページを比べてみる。
テーブルレイアウトページ
スタイルシートレイアウトページ

SEO対策になる
BODYから考えて、最初のロゴ部分が初めて出てくるまでの文字数は
テーブル … 280文字目
スタイルシート … 60文字目

これだけでSEO(Yahoo!、Googleのページ順位)としてはかなり違います。

容量が少なくなる
ページの容量は、HTML文書だけでいうと
テーブル … 1,915 バイト
スタイルシート … 1,243 バイト

デザインが単純なのであまり差はないが、BODY以下の容量で比べると
テーブル … 1,731 バイト
スタイルシート … 790 バイト

かなり違ってきます。

ちなみに外部スタイルシートの容量は
2,848 バイト
(マウスオーバーを含む)
これはキャッシュされるので、別のページに移動したときには読み込まれない。

サイトのアクセス数が多い場合、サーバー負荷はかなり違いますし、見てる側もデータ容量ということだけ考えるとページの表示が速くなります。

スタイルシートのデメリット
ブラウザによって表示が違うので、検証が大変。
バグが多い。
未成熟の技術なので変化が激しい。
(CSS1/CSS2の仕様を完全に網羅したブラウザはまだないといわれています)

このページはリンクフリーです。設定などは自己責任で…
Copy Right kikky

kikky.net