いくつかのChrome Dev Toolsキーワードの意味は

Question

私は私たちのアプリケーションのパフォーマンスの向上に取り組んでいます。私はパフォーマンス面で新しいです。私はクロム開発ツールを使用しているパフォーマンスを追跡するために。パフォーマンスパネルを使用して私のアプリケーションのレンダリングを記録している間、私はいくつかのキーワードを見ている。しかし、私はそれらの意味を知らない。

例えば、

1. 再計算スタイル
2. 複合層
3. ツリー
4. が...
5. などをペイント

そして、SOMを与えるレイアウト

更新レイヤ私のページのパフォーマンスを追跡するためのヒント。

誰でも手伝ってもらえますか？

ありがとうございます。

Answer 1

私はDevToolsドキュメントを作成します。私たちはこれらの用語をそれぞれ定義する上でおそらくより良い仕事をすることができるので、私はこの質問でダウンボントが正当だとは思わない（現在の投票得点は-2）。

ここには優れたリソースがあります。それぞれの用語は、「物の流れ」セクションで定義されています。

https://aerotwist.com/blog/the-anatomy-of-a-frame/