3

jQuery UI を使用するページがあり、2 つの異なるテキスト ボックスで日付ピッカーを呼び出します。呼び出しなし、つまり。日付ピッカーを添付せずにページをロードするだけで、ページは 1.20 秒でロードされます。日付ピッカーがアタッチされている場合、ページは 3.92 秒で読み込まれます。(これはFirefoxにあります)

どうすればこの速度を上げることができますか? Firebug のネットワーク グラフに基づくと、ネットワークの問題ではありませんが、datepicker の添付ファイルに並んでいるようです。これをスピードアップする方法はありますか?

また、この動作は Firefox 3.0.11 でのみ見られます。Chrome は高速で機敏です。IE7 も同様です。

4

4 に答える 4

3

Firebug のコード プロファイラーを実行して、どの関数が問題を引き起こしているかを確認してください。基本的には、「プロファイル」ボタンを押してページを更新し、ロードしてからもう一度「プロファイル」ボタンを押して、最も多くのリソースを消費しているもの、または最も時間がかかっているものを読み取ります。

プロファイラーは、何が進行しているかを把握できるようにする必要があります。つまり、それがコード内にあるか、jQuery UI 内にあるかどうかです。

より一般的な意味では、効率的なセレクターを使用して、日付ピッカーをバインドする要素を選択していることを確認してください。また、日付ピッカーがボトルネックになっているもの (スタイルシート、画像など) を DOM に注入している可能性はありますか?

于 2009-06-18T20:26:32.247 に答える
1

dfa had it correct in the comments to my main post. The problem was Firebug. I guess it just didn't play nicely with the datepicker loading. Once firebug got turned off, page load times were around .5 seconds, right where they should be.

于 2009-06-19T13:12:50.110 に答える
0

このリンクをご覧になることをお勧めします: http://net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/。そこには、ページの読み込みの問題を判断するのに役立つhttp://tools.pingdom.com/へのリンクがあります。ページの 2 つのバージョンを試して、このツールが何を明らかにするかを確認してください。

于 2009-06-18T20:07:08.417 に答える
0

FireFox 用のFireBugおよびYSlowプラグインを使用します。前者はタイミングとロギングの実行を許可し、後者はルールのリストを持ち、何を調整するかについて提案します。

于 2009-06-18T20:39:40.787 に答える