重いページを作成しないためには？.

きさら 1998/06/02(火) 10:41:51
こんにちは

大きなファイルになりそうなので、重いページは作らないように
しようと思っています。
１．ＧＩＦを入れない。（とくにＢＧなんてのはやめる）
２．物理的なhtmlファイルの量を増やさない。(当然ですね。）
ここまではすぐにわかるのですが、
このほかに同じ大きさでもタグの種類などによって
リソースがなくなったりメモリがなくなったりするよ
という情報があればご教授いただけないでしょうか？
たとえば私のつたない実験だとテーブルタグなんか乱用すると
結構表示されにくかったりします。
とくに要注意の表示方法などがあればありがたいです。

mo [E-Mail] 1998/06/02(火) 13:23:28
TABLE タグをネストしすぎると重くなりますね。16 ネストくらいで、
かなり重くなります。もっとネストを重ねたページを Windows 95
で読み込むと、全く反応しなくなってリセットするしかなくなります。
TABLE タグに使われるメモリって結構大きいみたいですよ。

sekikawa（メノク？） [E-Mail] [HomePage] 1998/06/03(水) 11:00:22
基本ですけど...<ING>タグにはwidthとheightオプションをつけ忘れない、ですか。

あと質問意図から若干それますが...

HTMLエディターで作ったHTMLは独自の制御タグ（NATURALSIZEFLAGなど）をいれたりするので削除。テーブルタグも余分な<TR>とか結構残ってます。

ワード書類をHTMLに自動変換すると、1文字ごとに<FONT>タグがついたりするので注意。しかも、御丁寧にFACEとサイズのオプションつき。

リンクする時に最後のスラッシュを忘れないとか。そんな感じです。

HIROPON [E-Mail] [HomePage] 1998/06/03(水) 14:27:00
sekikawaさん
><ING>タグには

もちろん、「<IMG>」ですね(^^;。
画像といえば、他の所でも書きましたが、画像を表示する場合、同じファイルサイズなら圧縮アルゴリ
ズムの関係上、JPEGよりもGIFの方が表示が速いです。

あと、全然関係ないですが、moさんのおっしゃっていたTABLEタグの乱用は、かつて（今でも？）「掲
示板つぶし」に悪用されたりもしていたようです。

モーグリ 1998/06/05(金) 23:10:43
</TR></TD></TH></P></LI></SELECT>など、
省略できる閉じタグは徹底的に省略してしまう、
なんてどうでしょうか？
あとは、<BLINK><MARQUEE>など
ブラウザ依存のタグも避けた方がいいですね。
スタイルシートの設定は別ファイルから読み込むとか。
あと、背景画像ですが、
16x16で8色程度なら大した負荷にはならないのでは？
まあ、重さはサーバや時間帯によって左右されますので
何ともいいにくいですが（笑）。
一面ずらずらとテキストだらけ、ってのも
工夫しないと（少なくとも自分は）見る気失せちゃいますし。

B-Cus 1998/06/06(土) 06:07:32
あんまり関係ないですけど、

> </TR></TD></TH></P></LI></SELECT>など、
> 省略できる閉じタグは徹底的に省略してしまう、

</TR></TD></TH>は「省略できる閉じタグ」ではなく、
本来は記述する必要のないタグと聞いたことがあるのですが、
本当でしょうか？

あっこ 1998/06/06(土) 17:36:54
HIROPONさん＞画像といえば、他の所でも書きましたが、
画像を表示する場合、同じファイルサイズなら圧縮アルゴリズムの関係上、JPEGよりもGIFの方が表示が速いです。

私の作るGIF画像ってＪＰＥＧよりも写真の表示が汚いんですけど、これは作成？保存？の仕方が
間違ってるのかしら？

モーグリさん＞背景画像ですが、 16x16で8色程度なら大した負荷にはならないのでは？

16ってピクセル数のことかしら？背景にJPEGを使うときの重くならない工夫ってあります？
できれば５００／５００ピクセルくらいのおっきな写真を背景にしたいのだけれど。
あと、できれば背景がタイリングしないで常に真ん中に一個だけ表示されるのってできます？

ぼんすけ [E-Mail] 1998/06/06(土) 22:40:42
背景を真ん中に合わせるのはテーブル内背景の方法があります。
<TABLE BACKGROUND="画像">
IE3,NN4くらいからサポートされたので、
それ以前のブラウザは無視されちゃうけど、一番簡単な方法です。

JPEGを軽くするには、
なるべくコンストラスト(濃淡)を下げてメリハリを無くすと、
画像情報が減って、割と軽くなります。
背景用なので、そんなにはっきりした画像でないほうが、
文字が見やすくていいかと思います。
あとは、画質とファイルサイズのバランスを見て
ギリギリまで圧縮率を上げて保存します。

HIROPON [E-Mail] [HomePage] 1998/06/07(日) 00:21:38
あっこさん
>私の作るGIF画像ってＪＰＥＧよりも写真の表示が汚いんですけど、これは作成？保存？の仕方が
>間違ってるのかしら？

GIFは256色までしか扱えないので、写真をGIFで保存しようとすると256色にむりやり減色されること
になり、どうしても汚くなります。写真を扱うなら、現段階ではやはりJPEGが一番でしょう。

背景を真ん中に１つだけ表示されるようにするにはスタイルシートを使う方法もありますね。例えば
<BODY background-repeat: no-repeat>
などというようにします。詳しくは「スタイルシート入門」（http://www.tohoho-web.com/css/index.htm）
を参照して下さい。

きさら 1998/06/11(木) 10:23:06
いそがしくてしばらくチェックしてませんでした。
大変参考になりました。
ほかの発言も参考にしてみたのですが、
何かのついでに話題にでることはあっても、
テーマ：軽くする。で探すと意外に見つかりにくかったです。
検索ってなかなかむずかしいですね。

残念ながら、HP作成のお仕事は打ち切りになってしまいましたが（；_；）
これからの趣味のページにでも役立てたいと思います。

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