就一些Chrome Dev Tools关键词的含义而言

Question

我正致力于提高应用的性能。我是工作表现方的新手。为了跟踪性能，我使用了chrome dev工具。当我通过使用“性能”面板记录我的应用渲染时，我看到了一些关键字。但我不知道那些意思。

例如，

1. 重新计算风格
2. 复合图层
3. 布局
4. 更新图层树
5. 油漆
6. 等...

并提供一些提示，以跟踪我的网页的效果。

任何人都可以帮助我？

提前致谢。

Answer 1

我写了DevTools文档。我们可能会更好地定义这些术语，因此我不认为这个问题的推算是有理由的（目前的投票得分为-2）。

这是一个很好的资源。每个术语都在＆＃34;物流和＃34;中定义。部分。

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