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

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

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

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

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

よろしくお願いします。

No.4 回答者： ORUKA1951 回答日時： 2012/04/29 14:22

　firefoxをお使いでしたら、Live HTTP headers(

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

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

この回答へのお礼

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

お礼日時：2012/04/30 05:16

No.3 回答者： admiral_ya 回答日時： 2012/04/29 12:46

ローカル・ファイルでも起きるなら無関係ですが、そうではなく他の回答を試してもダメなら、

http://web.tvbok.com/web/server/css_js_gzip.html
の様に、gzip圧縮すると効果があるかも知れません

この回答へのお礼

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

お礼日時：2012/04/30 05:14

No.2 回答者： aoumiushi 回答日時： 2012/04/29 12:39

html部で、css読み込みに”@import”を使っていませんか？

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

この回答へのお礼

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

お礼日時：2012/04/30 05:13

No.1 回答者： JaneDue 回答日時： 2012/04/29 11:56

CSSが原因とは思えません。

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

この回答へのお礼

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

お礼日時：2012/04/30 05:15