Chrome Developer Tools?
何がそんなに怠慢の原因ですか?
なぜこれらが発生するのですか?
これらの時間を短縮するには?出来ますか?
なぜブラウザーはそれほど長い間(アイドル時間のコンテキストで)非アクティブなのですか?
1.8秒を超えても、何も起こりません。
中央では、「アイドル」と「その他」が約0.3秒を占めています。
ほぼ3秒の終わりには何も起こりません。
この例では、非アクティブなブラウザーが約5秒あります...
アイドルはそれだけです、何も起こっていなかったので、私の知る限りでは心配する必要はありません。
その他は「計装されていない活動」です。これは現在分解できないものです。したがって、DevToolsから何が起こっているのかを分析することはできません。
Addy Osmaniのブログ で答えの一部を見つけました:
フレームモードでは、影付きの垂直バーは、スタイルの再計算、合成などに対応します。各垂直バーの透明な領域は、少なくともページのアイドル時間に対応しています。たとえば、最初のフレームの実行に15ミリ秒かかり、次のフレームの実行に30ミリ秒かかるとします。一般的な状況は、フレームがリフレッシュレートに同期され、この場合、2番目のフレームのレンダリングに15msよりわずかに長い時間がかかったということです。ここで、フレーム3は「真の」ハードウェアフレームを逃し、次のフレームでレンダリングされたため、2番目のフレームの長さは事実上2倍になりました。
しかし、これはトピックを使い果たすわけではありません。
質問に含まれるグラフがフレームを使用しなかった例。
どうすれば時間を短縮できるのか、また「その他」に何が隠されているのかわかりません。
記録 ボタンの代わりに 開始およびページの再読み込み ボタンを使用すると、ページがロードを終了するために記録が停止し、idle
が減少するため、待機中の結果が得られます。