人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

既に作成済みのwebページを少しでも軽くしたいのですが、どのような方法がありますか?(動画は使っていません)
また、軽い、重いというのはどうやって判断すればいいのでしょうか。

●質問者: petem
●カテゴリ:インターネット ウェブ制作
✍キーワード:Web 作成 動画
○ 状態 :終了
└ 回答数 : 8/8件

▽最新の回答へ

1 ● sadajo
●17ポイント

http://oshiete1.goo.ne.jp/qa584470.html

>HPを軽くする方法を教えてください

◎質問者からの返答

やはりよくある質問のようですね。

既に出来上がってしまっているページを簡単に修正、というのは難しそうですね。


2 ● ajisio_taro
●17ポイント

・重い画像を使用しない

・不必要なタグは入れない

・テーブルを多用しない

でしょう。

ページの軽い・重いは以下のページで

http://www.kaipara.net/cgi-bin/size_check.cgi

◎質問者からの返答

1.チェック結果

評価 F

合計 586862bytes

予想表示時間 83.84秒程度(56Kモデム単純換算。8秒が目安。)

コメント:ファイルが重過ぎます。根本的に考え直したほうが良いかもしれません。

ひどい有様でした。

ありがとうございます。


3 ● GEN111
●16ポイント

一般的にはページ本体とソコから参照される画像やスタイルシート、Flash、JavaScript などのトータルのファイルサイズが大きいほど思いと言われると思います。

なのですこしでもファイルサイズを抑えるためには改行や空白をなくす、分けられるページは分ける、画像の圧縮設定を変えるなどしてみることです。

また、TABLE が複雑な構成だと表示が遅かったりスクロールがスムーズに行かない場合があります。これも重いと言われる一因になります。レイアウトに TABLE を使っている場合は CSS でデザインし直すと改善される場合もあります。

◎質問者からの返答

>レイアウトに TABLE を使っている場合は CSS でデザインし直すと改善される場合もあります。

もう、隅から隅までtableです。

cssでデザインしなおす方法を質問させていただくことになりそうです。。。


4 ● toguo
●16ポイント

テーブルレイアウトのサイトであればCSSデザインに移行させるだけで、ブラウザの反応が早くなると思います(もちろんきちんとHTMLとCSSを理解して各必要があると思いますが)。

後はサーバーのスペックアップや、Apacheの設定変更とかで反応を良くさせる方法もあります。

HTMLのソースを軽くするのであれば、HTMLソースをきれいに表示させるために入っているTABなどを消せば理論的にですがファイルサイズが小さくなって軽くなるのではないでしょうか。

あとは下記サイトのようなサービスを使って確認して行くのは如何でしょうか。

Web Page Analyzer - free website optimization tool website speed test check website performance report from web site optimization

以上、参考になれば幸いです。

◎質問者からの返答

英語でした。。。

TOTAL_HTML - Congratulations, the total number of HTML files on this page (including the main HTML file) is 2 which most browsers can multithread. Minimizing HTTP requests is key for web site optimization.

TOTAL_OBJECTS - Warning! The total number of objects on this page is 93 - consider reducing this to a more reasonable number. Combine, refine, and optimize your external objects. Replace graphic rollovers with CSS rollovers to speed display and minimize HTTP requests.

TOTAL_IMAGES - Warning! The total number of images on this page is 79 , consider reducing this to a more reasonable number. Combine, refine, and optimize your graphics. Replace graphic rollovers with CSS rollovers to speed display and minimize HTTP requests.

TOTAL_CSS - Caution. The total number of external CSS files on this page is 4 , consider reducing this to a more reasonable number. Combine, refine, and optimize your external CSS files. Ideally you should have one (or even embed CSS for high-traffic pages) on your pages.

TOTAL_SIZE - Warning! The total size of this page is 713026 bytes, which will load in 142.41 seconds on a 56Kbps modem. Consider reducing total page size to less than 30K to achieve sub eight second response times on 56K connections. Pages over 100K exceed most attention thresholds at 56Kbps, even with feedback. Consider contacting us about our optimization services.

TOTAL_SCRIPT - Warning! The total number of external script files on this page is 8 , consider reducing this to a more reasonable number. Combine, refine, and optimize your external script files. Ideally you should have one (or even embed scripts for high-traffic pages) on your pages.

HTML_SIZE - Caution. The total size of this HTML file is 45445 bytes, which is above 20K but below 100K. With a 10K ad and a logo this means that your page will load in over 8.6 seconds. Consider optimizing your HTML and eliminating unnecessary features. To give your users feedback, consider layering your page or using positioning to display useful content within the first two seconds.

IMAGES_SIZE - Warning! The total size of your images is 550055 bytes, which is over 30K. Consider optimizing your images for size, combining them, and replacing graphic rollovers with CSS.

SCRIPT_SIZE - Warning! The total size of your external scripts is 108044 bytes, which is over 8K. Consider optimizing your scripts for size, combining them, and using compression where appropriate for any scripts placed in the HEAD of your documents.

CSS_SIZE - Caution. The total size of your external CSS is 6990 bytes, which is above 4080 bytes and less than 8K. For external files, try to keep them less than 1160 bytes to fit within one higher-speed TCP-IP packet (or an approximate multiple thereof). Consider optimizing your CSS and eliminating features to reduce this to a more reasonable size.

MULTIM_SIZE - Congratulations, the total size of all your external multimedia files is 0 bytes, which is less than 4K.

なんにせよ、ひどい有様のようです。

htmlだけで31MBあるみたいです。


5 ● y-innami
●16ポイント

作成したツールがいろいろな独自のコードをはいていますから、それらをテキストエディタで削除することで大分軽くなります。

ツールは、ビルダーですとか、Dreamwaver、ひょっとしたらWord・・いろいろありますが、どれも余分なコードを追加してしまいます。

私はαEditというツールをお勧めします。

またフォントの指定なども削除すればもっと軽くなりますよ。

HTMLの知識を少し仕入れて、チューニングしていくことです。

◎質問者からの返答

Dreamwaverを使っています。

今まで手を抜いてチューニングしていなかったのですが。。。

この重さはそういったレベルじゃない気がしてきました。

tableタグの使いすぎと画像の重すぎなところからてをつけていきたいと思います。


1-5件表示/8件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ