chrome dev工具分析css变量

Question

我是使用chrome dev工具进行性能分析的新手。我想知道一个perf命中css变量是否/多少，所以想要将同一页面与服务器端预处理的css和css变量进行比较。

在chrome dev工具分析器中，我看到了解析样式表，绘图等活动。在比较预处理的css和css变量时，有哪些关于哪些探查器活动要关注的建议？

Answer 1

Style Calculation是您正在寻找的东西。但是，变量对性能几乎没有明显的影响。它本质上是内部的地图查找，非常快。