4

GoogleChromeで突然非常に応答しなくなったWebアプリケーションに取り組んでいます。他のブラウザでも同じ問題は発生していないようです(FirefoxとSafariでテストしました)。たとえば、入力テキストボックスをクリックすると、クリックしてから要素がフォーカスを取得するまでに3〜5秒かかります。チェックボックスをクリックした場合にも同じ動作が発生します。注意すべき点がいくつかあります。このページには、約150のオプションを含むドロップダウンと、10行のテーブルがあります。それ以外は、珍しいことは何もありません。

Chromeコードインスペクターを開き、[タイムライン]タブを使用して何が起こっているかを確認しました。遅延の大部分は、約2秒かかる「スタイルの再計算」イベントによるものであることがわかりました。このイベントは、mousedownイベントの前に発生しました。このステップをオンラインで簡単に検索しても、あまりわかりませんでした。この特定のレンダリングステップと、そのパフォーマンスを向上させるために何ができるかについて誰かが知っていますか?

4

1 に答える 1

5

見落としていたページに、約 2,000 のli要素が含まれる非表示のダイアログがあったことが判明しました。Firefox と Safari は、膨大な数の要素を Chrome よりもうまく処理できると思います。

于 2011-12-19T19:13:29.143 に答える