![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
Webシステムを作成しております。1画面の情報量が肥大化してきており、8000行ぐらいの物になっております。(JS含む)
リクエストから画面表示が終わるまでに、4~5秒ほどかかってしまうのです。
JSのonload処理で、0.5msぐらいの処理がかかっていることは確認できております。
どうやら、それ以外の箇所で時間がかかっているようです。
HTMLのヘッダ部にnew Date()を利用して、JS処理の開始時間を採取
<script ****>var st = new Date(); ****</script>・・・(a)
(onload時ではなく、global領域に記載)して計測したところ、
(a)からonload処理が開始されるまでに1秒強かかっております。
試験的に、画面に表示されるTAGを削除すると、1秒強から700msになります。
さらに、hiddenを削除すると150ms程度まで高速になります。(ほとんどタグ無しなので当然なのですが、、、)
このことから、HTMLのbodyの多さが大きな原因となっていると考えています。
いくつかの不明点があります。
1.HTMLタグの最適化(?)を行う手法
今まで、HTMLの最適化を意識したことが無く、このあたり無知な状況です。レイアウトにTABLを多用しているのが悪い?また、HDDENなどは、あまり性能的に良くない?など、なにか、性能改善がまとめられているWebサイトや書籍はありませんでしょうか?
2.遅くなる原因を細分化するために、リクエストから、サーバ処理(Apache)、通信(読込)時間、JS開始時間、画面描画時間、を採取したいところですが、各時間の計測方法はありますでしょうか?
特に、クライアントの読込終わって画面描画にかかる時間を調査したいです。
対象プラットフォームは、
Apache,IE6を利用しています。
No.1ベストアンサー
- 回答日時:
body内にtableを多用していませんか?
データの通信速度が速くともブラウザの処理にて、tableは動作が遅くなるとの話を聞いたことがあります。(すべて解釈し終わってから表示を実行する為)それに対してCSSなどを用いて適切にレイアウトしてあるページは表示スピードが速くなります。HTML+CSSの構成にて再度構築しなおしてみるのもいいかもしれません。またJSについてはアクセスと同時に実行する必要がない機能については可能な限り、イベント毎に実行することを試行してみるのもいいかもしれません。あとは画像を含めPage全体のファイルサイズに気をつけるといったところでしょうか。
■参考書
Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト (単行本)
ご指摘の通り,TABLEをかなり多用しています。
実験的に、CSSを利用した物に変えてみたいと思います。
アドバイスありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) エクセルVBA マクロ処理中のポップアップメッセージについて 1 2023/08/04 21:34
- PHP 掲示板のセキュリティについてアドバイスお願い致します 1 2023/08/11 20:44
- JavaScript WordPressのコンタクトフォーム7にて送信者の位置情報を送らせたい 2 2022/09/14 23:28
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- モニター・ディスプレイ 長文です。デスクトップPCのHDMI入力機能について 4 2022/09/20 17:58
- Windows 10 パソコンの起動時、画面が黒いままのトラブルにつきまして。 4 2022/10/02 18:02
- 情報処理技術者・Microsoft認定資格 応用情報処理技術者試験のシステム利用率の計算について 2 2022/03/28 07:43
- Windows 10 ウィンドウズ10で起動画面が真っ暗、修復方法は? 6 2022/03/27 19:28
- 仕事術・業務効率化 スローライフって、どう思いますか? 1 2022/11/07 03:31
- Chrome(クローム) 急募 Chromeの不調 1 2023/02/20 20:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
別フォームから戻ったときのイ...
-
「Cancel = True」とはどういう...
-
VBAでIEの「Web ページからのメ...
-
VB6にて、バックグラウンド処理...
-
マイページはどこを開くの
-
ウインドウを毎回同じ位置、大...
-
デジタル時計の時刻合わせの方...
-
スクリプトって、何ですか?ど...
-
VBAで任意のウインドウのサイズ...
-
エクセルのシート上に別のシー...
-
リストビューをスクロールさせ...
-
小さな表示窓の呼び方は
-
PL/Iについて、教えてください。
-
Visual Basicから Spreadのスク...
-
子ウィンドウより親ウィンドウ...
-
Excelでワードアートや図を常に...
-
Excel VBAでの右クリックのポッ...
-
5ちゃんねる
-
PDFを(htmlのように)無限に縦...
-
表示するウィンドウのサイズを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
「Cancel = True」とはどういう...
-
別フォームから戻ったときのイ...
-
VB2005 DataGridView上でクリッ...
-
VBAでIEの「Web ページからのメ...
-
excelのタスクバーアイコンが・...
-
Perlで数値(小数点、負の数、...
-
ASP DB検索結果の件数を事前表示
-
【ImageMagick】 PDF → JPG 変...
-
【C#】ラベルのダブルクリック...
-
リンクをクリックしたのと同じ...
-
VB6.0のEnabledをfalseにしても...
-
エクセル アプリケーションの...
-
Perl, Ruby, Pythonどれを使え...
-
左シングルクリックと左ダブル...
-
MSFlexGrid
-
実行中のOSを知るには?
-
C# マウスオーバーの記述方法
-
VBAにてjavascriptを起動したい
-
バナーに影
-
テータベースのページ処理
おすすめ情報