Chrome瀏覽器開發工具剖析CSS變量

Question

我是新來分析與Chrome瀏覽器開發工具。我想知道一個perf命中的css變量是多少，所以想要將同一頁面與服務器端預處理的css vs css變量進行比較。

在Chrome瀏覽器開發工具探查我看到這樣的解析樣式表，油漆等上探查活動有什麼建議活動預處理CSS比較CSS變量時，重點放在哪裏？

Answer 1

Style Calculation就是你要找的東西。但是，變量對績效幾乎沒有顯着影響。它本質上是一個內部地圖查詢，速度非常快。