CSSのことで教えてください

質問

HTML+CSSでHPを作りました。
CSSは外部フォルダに入れて、HTMLからリンクさせてます。

そして問題なく表示されるのですが、CSSの読み込みが遅いため、HPデザインがバラバラになってしまいます。（CSSを読み込まない状況となりますが、Ｆ５キーでリロードさせると解決します）

この遅延を解決する方法はありませんか？

補足ですが、CSSは2KBで、HPは6KBです。そしてグーグルクロームやファイヤーフォックスでも同じ状況となります。サーバーはすこぶる快適な環境です。（レンサバ）

よろしくお願いします。

回答No.4

ORUKA1951

firefoxをお使いでしたら、Live HTTP headers( https://addons.mozilla.jp/firefox/details/3829 )でサーバーとの交信を確認してください。
　CSSもHTMLもたいした量ではないので、それらが足を引っ張っているとは考えにくいです。スタイルシートに限らず、HTMLから呼び出している多くのファイル--特に画像や動画も関係しています。
　ブラウザはいったんHTMLを読み込んだ後、HTMLを解釈して必要なものは、それらを逐次サーバーに要求して行き、揃ったものから描画に使用していきます。

　画像を読み込まないLynxなどのテキストブラウザでHTMLやCSSを開いてみても良いでしょう。

お礼

ありがとうございます。
非常にためになる参考ＵＲＬありがとうございます。

回答No.3

admiral_ya

ローカル・ファイルでも起きるなら無関係ですが、そうではなく他の回答を試してもダメなら、
http://web.tvbok.com/web/server/css_js_gzip.html
の様に、gzip圧縮すると効果があるかも知れません

お礼

ありがとうございます。
gzipの存在を知らなかったので、勉強になりました＾＾
一応やってみましたが改善されなかったです・・・

回答No.2

aoumiushi

html部で、css読み込みに”@import”を使っていませんか？
もしくは、CSSファイル内に”@import”を使っていませんか？
@importは読み込みに時間がかかる場合があります。

お礼

ありがとうございます。
@inportは使ってないのに、こういった現象が起きました・・

回答No.1

JaneDue

CSSが原因とは思えません。おかしいのはHTMLの方ではありませんか?
たとえばdivやtableタグの閉じ忘れ等…。(特にtableでレイアウトされたページは表示が遅くなることがあります。)
一度HTML構文チェックをかけてみては?
http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html
cssのチェック
http://jigsaw.w3.org/css-validator/validator.html.ja

お礼

一応試してみました。
改善はされなかったのですが、非常に参考になる回答ありがとうございます。
ちなみにdivタグの閉じ忘れもなく問題ありませんでした・・・
ありがとうございます。