Chrome Developer Tools プロファイリングを使用して、Javascript と CSS の両方をプロファイリングしました。
JS の場合は、JavascriptfunctionsとTotal %. CSS の場合、 と が表示SelectorされTotal %ます。
私の理解が正しければ、オペレーティング システムは CPU の一部をブラウザに割り当てます。
次に、開発者ツールのプロファイリング ツールは、各関数やセレクターが使用する CPU の割合を示します。
そうですか？
これTotal %は、特定のエントリが貢献した合計プロファイル時間の割合です。これは、合計プロファイリング時間 (つまり、ボタンのクリック間の時間)と同じ場合もそうでない場合もありStart/Stopます。プロファイル時間は、プロファイリングされたコードが実行された時間のみをカウントします。
例: CSS プロファイリング時間は 1 秒です ( をクリックしStart、1 秒待ってから をクリックしStopました)。CSS プロファイル時間は 200 ミリ秒です (つまり、ブラウザーがすべてのセレクターを一致させて正しい DOM 要素に適用するのに 200 ミリ秒しかかからなかったということです)。*セレクターはTotal %12% です (つまり*、ブラウザーでセレクターを処理するのに 24 ミリ秒かかりました)。
%下部のステータス バーのボタンをクリックすると、パーセンテージではなく絶対時間を表示できます。