ホームページを出来るだけすばやく表示させるには?

[上に] [前に] [次に]
ジェリー [E-Mail] [HomePage] 2000/01/30(日) 07:20:55
こんにちわ。
いつもお世話になってます。
さて、出来るだけページをすばやく表示させたいのですが、
圧縮などをいろいろしてみました。
しかし、圧縮をすると逆に読みにくくてブラウザーが解釈しにくくて、遅くなってしまうなどが心配です。
ページを出来るだけすばやく表示させるには、どうしたらよいのでしょ
うか?
また、圧縮はどうなのでしょうか?
また、使うと遅くなるSSIやHTMLはあるでしょうか?(<teble>の複雑なものが遅くなるらしいですが。)
よろしくお願いいたします。

では。

Q3A馬鹿 2000/01/30(日) 07:43:29
・減らす。
 HTMLの構文を削ってみる(特にHTMLジェネレーター出力の場合)
 必要のない画像は貼らない
 画像の色数を減らす(色数を減らすと(極端な話し、白黒とか)けっこうインパクトある(色がハッキリしてるので ^-^;)のが出来たりする)

SSIやCGIは元々、サーバーで実行して値を返す、という点から普通にHTMLを読ませるよりもやはり重くなってしまう傾向にあります。

また、SSIやCGIのファイルはサイズが大きくなりやすいものがおおいと思います。(@素人目)

<table>はつかわなければかるくなるでしょうね。(ページレンダリングの点から)
IE5ではTABLEに何かを加えてレンダリングを早くする、なんてのが会ったような気がする(どなたかフォローお願いします)

ページレンダリングの観点からいくとフレームでページを割る、というのも結構負担が来るのかな?
フレームのページに限って重い所って結構あるような気がします。(@WEBサーフィンやってた感想)
そういう意味では本当にフレームが必要なのかも検討すべきでしょうか、、フレームの代用にTABLEを使ってしまいそうな気がしないでもないですが。(笑)

ジェリー [E-Mail] [HomePage] 2000/01/30(日) 17:37:46
返信ありがとうございます。
なるほど、SSIはだめですね。更新日なんかに使ってますがこんどから手動でやってみます。
画像はできるだけ減色ですね。
あと、<HEAD>タグは少なめにですね。
そういえば、フレームはなぜか遅いですよね。(なんで?(^-^;)

びぎな++ 2000/01/30(日) 22:53:18
(すばやく表示させる) = (ファイルを軽くする)
当たり前なことですけど,上記の議論はすべてここに終着するのでは?
アップロードするファイルのサイズをみて,注意を払えばよいかと思います。

あとCGIやSSIを使うとって話ですが・・・
むちゃくちゃループを使ったプログラムなどを動かしたり,
出力するファイルが大きすぎない限りそれほど気にすることではないのでは?

>そういえば、フレームはなぜか遅いですよね。(なんで?(^-^;)
たとえば,二つに分割するページを例にとると,
親フレーム1個,子フレーム2個の合計3つのhtmlファイルを読み込む
わけで,フレームなしの場合打ったらはhtmlファイルは1個だけ。
ただそれだけでは? (^^;

日向 2000/01/30(日) 23:16:33
>IE5ではTABLEに何かを加えてレンダリングを早くする、なんてのが会ったような気がする
http://www.tohoho-web.com/wwwcss2.htm#table-layout
に書いてあることですかね?

ジェリー [E-Mail] [HomePage] 2000/01/31(月) 07:46:57
> たとえば,二つに分割するページを例にとると,
> 親フレーム1個,子フレーム2個の合計3つのhtmlファイルを読み込む
> わけで,フレームなしの場合打ったらはhtmlファイルは1個だけ。
> ただそれだけでは? (^^;
それは知っています(^^;
そうではなくて、例えばフレームで2つのページを読み込むとします。
すると、普通に2つのページを読み込む時間以上に約1.5倍ほどの時間がかかるような気がします。
ということで。

マック 2000/02/01(火) 08:26:15
フレームを使って2個のページを表示させたい時は,フレームを作るページと表示する2ページの合計3ページを必要とします。フレームを作るページは,最初に読み込ませます。フレームを使って2ページ表示させたい時には,3ページ分読み込ませるので余計に時間がかかることになります。

マック 2000/02/01(火) 08:31:10
なんか,びぎな++さんと同じ内容でした。
あとは,フレームを作る時間がかかるとか?

ジェリー 2000/02/01(火) 22:07:26
うーん。
なるほど、それでも一寸違う気がしますが、

      ページ1
ページ→ 
      ページ2


と、考えて、ページ1のダウンロード速度が遅くなっているような気がするんです。

さて、では本題に。。(^^;
他にもっと出来るだけ早く表示する方法はないでしょうか?
もうなければ、この辺で解決したいと思います。

では。

ふじ 2000/02/01(火) 22:27:22
IMG タグには全て width , height 属性を付ける、ってのは
もうやってますよね?
付けないと、画像を読み込むまでブラウザがレイアウトを開始できないので、、
体感速度がだいぶ遅く感じます。

あと、テーブルのセルに width, height を指定する場合、
矛盾しないように設定するとか。TD の幅の合計が TR の指定幅
より大きかったりする矛盾があると、(特に複雑なテーブルの場合)
NNではかなり表示に時間が掛かってしまうようです。

ジェリー [HomePage] 2000/02/01(火) 22:35:41
なるほど、これは重要!!

IMGタグにはwidth等を付ければ良いんですね。
タグの一文字でもダウンロードに時間がかかってしまうと思っていたら(^^;

テーブルにはよくよく注意ですね。

ありがとうございます。

めぐ 2000/02/01(火) 23:04:08
ブラウザはテーブル単位でレンダリングを行うので、一つの大きく複雑なテーブルよりも小さなテーブルを積み上げたり並べたりした方が表示速度が速くなると私は聞きました。
あとMac用のソフトなのですがVSE社の『HTML Turbo』を使うと、改行、スペース、タブ、コメント、その他必要のない要素を可能な限り取り除いてくれるので、それなりに軽くなります。圧縮された後のHTMLを直すのは大変ですが・・・。

みなさジェリー [HomePage] 2000/02/02(水) 16:19:38
なるほど。
皆様どうもありがとうございました。
他にはもうないでしょうか?

・・・なければ、この辺で解決・・・。

では。

ジェリー [HomePage] 2000/02/02(水) 16:21:53
なるほど。
皆様どうもありがとうございました。
無事ホームページも開設できました。
これから修正していきます。

他にはもうないでしょうか?

・・・なければ、この辺で解決・・・。

では。

# 上の発言の名前って・・・(^^;

うそっち 2000/02/02(水) 20:51:33
僕もフレームは読み込むファイル数以上に時間を食うと思います。
遅いCPUだと如実でして、2分割は3ファイル分どころじゃない
ですヨ。
フレームタグにはマージンの属性や仕切線の太さなど、考える
ものが多いからそのレンダリングに時間が掛るのかな?と思って
るのですが。

B-Cus 2000/02/02(水) 21:17:28
TCP/IP の仕組み上、1コネクション張るのに
たくさんのパケットが飛ぶわけで、
  A. 1コネクションで100バイト転送
  B. 2コネクションで50バイトずつ転送
は、明らかに B の方が遅いです。だからフレームは遅い。

HTTP/1.1 の keep-alive (だっけ?) だと1コネクションで
複数ファイルを転送できます。

ジェリー [HomePage] 2000/02/03(木) 16:40:08
なるほど、色々なご意見ありがとうございます、

これで早くなます。

ありがとうございます。

[上に] [前に] [次に]