胃痛！イトマサのいわゆるチラシの裏

< 新しい記事

新着記事一覧(全1334件)

過去の記事 >

2007.10.08

CSSだとレンダリングが遅い？

カテゴリ：コンピュータ

たまには、CSSの話。

CSSでサイト構築する人がよくやりがちなのが、
htmlの頭から終わりまで全部「container」等で
ヘッダー、本文、フッター
をくるんでしまう方法。
（自分も管理の都合上そうしていることが多い）

こうすると、フッター部分のHTMLを読み込むまで、
ブラウザによるレンダリングが確定しないので、
遅く感じる、ということに繋がる（かも）。

コンテンツ部分の容量が大きいサイトをtableで組むときのコツとして、
ヘッダー部分だけで一度出力バッファをフラッシュしておいて
まずユーザーにヘッダー部分を見せてから、
その後、メインの本文を読み込んで出力するようにすることで、
体感速度を少しでも向上させる、という技があったように思う。

CSS化して、全体をcontainerでくるんじゃうと、
HTMLを全部読むまで表示を開始しないので、
もたついて感じるのではないだろうか。

（ただし、実験してないので、思い込みかもしれない。
CSSとHTMLの偉い人に聞いたほうがいい）

ところで、
HTMLのtableで作られていたmixiが、最近、CSSに移行した。
世間では色々言われているが、個人的には使いやすくなったと感じている。
mixiでは、ヘッダー部分を先に出力してから、
本文、フッター、という構成になっている。

というか、
そもそも、CSSを外して確認すると、
ヘッダーと段の組み方が変わっただけで、
メイン部分の中身はほとんど変わっていない。

お気に入りの記事を「いいね！」で応援しよう