2009-06-18 17 views
3

jQuery UIを使用するページがあり、2つの異なるテキストボックスでdatepickerを呼び出します。呼び出しがなければ、すなわち。日付ピッカーを付けずにページを読み込むだけで、ページは1.20秒で読み込まれます。日付ピッカーが添付されている場合、ページは3.92秒で読み込まれます。 (これはFirefoxにあります)ページの読み込み時にボトルネックを特定するにはどうすればよいですか?

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

また、動作はFirefox 3.0.11にのみ表示されます。 Chromeはすばやく簡単ですし、IE7もそうです。

+2

今日私は同じ問題を経験しました...それから火かき棒をオフにしました...:p – dfa

+0

それはまさにそれでした!私が答えとしてコメントを受け入れることができれば! – cdeszaq

答えて

1

dfa私のメインポストのコメントには正しいと思いました。問題はFirebugでした。私はちょうどdatepickerの読み込みとうまく再生されなかったと思います。火かき棒が消されると、ページの読み込み時間は約0.5秒になります。

3

Firebug's code profilerを実行して、どの機能がうんざりしているのか確認してください。基本的には、 "プロフィール"ボタンを押し、ページをリフレッシュして読み込ませてから、 "プロフィール"ボタンをもう一度押して、最も多くのリソースを消費しているか、

プロファイラは、あなたのコードにあるのか、jQueryのUIのものなのか、何が絡み合っているのかを知ることができます。

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

0

FireFox用にFireBugYSlowプラグインを使用してください。前者は実行のタイミングとロギングを許可し、後者はルールのリストを持ち、何をチューニングするかについての提案を行います。

+1

YSlowはコードの実行をプロファイリングせず、ロードされるものだけをプロファイルします。負荷は問題ではありません.DATEPickerアタッチメントが行っていることです。なぜなら、減速はDOMLoadの後にしかないからです。 – cdeszaq

関連する問題