ＨＰを軽くする方法を教えてください

質問

現在　ＨＰを作成して７ヶ月ほどの初心者です。
ＨＰを　楽しいものにしようと　自分なりに勉強して
ＣＧＩ設置やアニメーションＧＩＦなども自作したりしています。
そのせいか　ＰＣの調子の悪い方や、容量の小さいＰＣを使っている方が　
「重たくて入れない」時があるようなのです。
壁紙をなくして　背景色だけを使うようにしたり
ＢＢＳや日記の過去ログを減らしたり　・・・というような努力をしていますが
他に　ＨＰを軽くする手段があれば　ぜひ教えてください。
上記の場合とは無関係に　一般的なことでも構いません。
いろいろな情報の中から　また更に勉強できればいいなぁと思っています。
ぜひ　参考にさせていただきたく　よろしくお願いします。

回答No.4

shota_TK · ベストアンサー

下記あたりのサイトにいろいろ出ています．できれば，ソースを自分で書いた方がいいですね．ビルダーなどのソフトを使うと，意味のないタグを無数に書き込みますからね．

http://allabout.co.jp/computer/hpcreate/closeup/CU20011111A/index.htm

http://allabout.co.jp/computer/hpcreate/closeup/CU20011015A/

お礼

ご紹介していただいたサイトは　とってもタメになります。
早速「お気に入り」に追加しました。
回答ありがとうございました。

回答No.8

shota_TK

表紙をフレームにするか，というのは悩むところですね．というのは，HPを見る方の環境が様々だからです．

注意すべき点は，HPを作る人は比較的恵まれたPCおよびネットワーク環境で作業している，ということ．HPを見る人は，時代遅れのPC＆重い回線で見ているケースが多い，ということです．

速いPCならブラウザのウィンドウを複数作ってもどうってことありませんが，遅いPCだとかなりの負荷になりますよね．ベストは，両方の選択肢を作ることなんでしょうけど，そうするとメンテが大変です．

このあたりを考えて，表紙のデザインを決定すればいいと思います．Yahooとかで，HP制作会社のホームページを探し，これを参考にするのもひとつの手ですね．ただ，ぼくの印象では，全体に実用性がイマイチであまり好きではありません．

あと，GIF画像のフォーマットに関しては，下記にも出ています．

参考URL：

http://tt.sakura.ne.jp/~hiropon/lecture/index.html

お礼

そうみたいです・・・見る側にも問題アリのケースが多いです。
そこで　私がジタバタしてもしょうがないんでしょうね。

まずは　画像を減らすことから始めてみようかな？
ご意見ありがとうございました。

回答No.7

Shige29

>１ページ目（ＴＯＰ画面）にメニューをテーブル枠で置くよりも
>プルダウンメニューや　フレーム分けをしてメニューを作ったほうがいいのでしょうか？

レイアウト及びサイトデザインの問題なので、プルダウンメニューにするかフレーム分けするかは私が指示する事じゃないです(^_^;)
サイトの特色に応じて、ある程度「こんなレイアウトが好ましい」というモノはありますが、最終的なデザインは作成者（もしくはクライアント）の好みが優先されますから、その辺はご自由に。
ただ、いずれを採用するにしても、メニューに画像を使うにしても、そこに色々な「工夫」は出来るので、試行錯誤してみて下さい。
サイトのURLやメールアドレスなどはここでは公開できないようですし、実際のHPを見られない状況ではココまでの回答が限度です。

No.3の方。
詳細な仕様を解説したサイトは、作成時における知識として特に必要ないので私も知りませんが、単純で解りやすいのは以下のサイトでしょうか。
http://www.htmq.com/gazo/
この程度が解っていれば十分だと思います。

お礼

度々ありがとうございます。
デザインと負荷とは関係ないようですね。
皆さんのご意見を参考にして　試行錯誤してみようと思います。＾＾；

回答No.6

yanagya

本筋から外れて申し訳ないのですが、回答の間違いを指摘されましたので、申し訳ないです。

ＮＯ．５の方
ＧＩＦフォーマットでの容量は単純にピクセル×パレット色数＋ヘッダ情報だと思っていたのですが、どうも勘違いだったようですね。
ウソの情報で申し訳ないです。
ＧＩＦフォーマットについて分かりやすいサイトがございましたら、ご紹介頂ければ幸いです。

回答No.5

Shige29

No.3の方。
単純に4分の1になんてなりません。
嘘を教えないように。

一番重くしている原因で素人に多く見られがちなのは、画像ファイルの容量です。
タイトル画像だけで1MBに迫る勢いだったり、所々のボタンや見出しを画像で作成（しかもマウスオーバーで置き換わったり、アニメーションしたり）していたり、必要以上に画像が多く、しかも減色やサイズ調整などの容量節約の対策がされていないと最悪です。
一番大きな画像（イラストなど）でもせいぜい200KB以内に抑えるとか、必要ない画像アイコンやライン画像は排除し、
1ページ当たりの総容量をなるべく均一にし、体感速度に差を与えないなど、色々と対策はあります。
あとアニメGIFは、余計なコマが入っている場合も非常に多いので、無駄な動きも抜いた方が良いです。
プロから見ると、半分ぐらい抜けたりする場合もあります。

それと、確かにエディターを使用して余計なタグが入る場合もありますが、それ自体が何か作用を持たないタグなら単なるテキストですから、余程多く挿入されない限りは数KB程度の問題でしかありません。

タグで言えばテーブルが落とし穴ですね。
大きなテーブルの中に色々と詰め込むと、中身を全て読み込むまで表示されないので、重く感じます。

お礼

回答ありがとうございます。

たしかに　おっしゃるとおり　１ページの中に画像が多く
しかもメニューとしても使っています。。。

これは　補足事項に書いたほうがいいのかもしれませんが
１ページ目（ＴＯＰ画面）にメニューをテーブル枠で置くよりも
プルダウンメニューや　フレーム分けをしてメニューを作ったほうがいいのでしょうか？

回答No.3

yanagya

アニメＧＩＦでしたら、色数を減らすのが一番簡単だと思います。
２５６色を６４色で表現すれば、単純に４分の１の容量になります。

ＢＢＳや日記の過去ログは内容というよりは、ホスト側の問題の方が
はるかに大きいと思いますよ。
２２時前後に重くなるのは、ある程度避けられないです。
帯域保証のサーバーを自前で準備するなどの方法も考えられますが、
費用の問題もあるので、趣味のサイトでしたら現実的ではありませんね。

お礼

１度　有料サーバに変更しようか・・・とも思ったのですが
趣味でやってるだけのＨＰにお金をかけるのもなぁ・・とスグに諦めました。(笑)
回答ありがとうございました。

回答No.2

chikorin7

こんにちは。
HP制作会社に勤めていた者です。
軽くする方法ですが、基本的に

いらないタグを入れない。
画像はできる限り（影響のない限り）減色する。

くらいですね。

いらないタグはホームページビルダーなどのソフトを使うと結構入ります。
ただ、タグ自体の意味を知っていたら、いらないタグを手作業で消したりできるので、その作業を惜しまないように…。
画像の減色はフォトレタッチソフトがいろいろ出てますので、試してみてくださいね。

あとは、重くて見られないって原因に、サーバのバックボーンも関係してきます。
サーバ自体の線が細かったら、いくらクライアント（見る側）がブロードバンドでもなかなか表示されなかったりします。

楽しいHPを作ってくださいねー。

お礼

回答ありがとうございます。
これから　皆さんのご意見を取り入れて改良してみたいと思います。

回答No.1

taknt

重いというのは、ＨＰにあるファイルのサイズのことです。
～～～.gifのサイズを小さくしましょう。

あと cgiは サーバに負担をかけるため 重くなりやすい原因です。
ｃｇｉは 性能がいいサーバに置くようにしましょう。

お礼

こんなに早く　こんなにたくさん回答いただけて
ビックリしました。
でも　ありがとうございます。嬉しいです。

私はinfoseekのiswebという無料サーバを使っています。
たしかに　負荷の大きいＣＧＩは使わないように・・・と説明されていますよね。