chrome dev tools Profiling css Variablen

Question

Ich bin neu zu Profiling mit Chrome-Dev-Tools. Ich möchte herausfinden, ob/wie viel von einem Perf Treffer css-Variablen sind, also wollen Sie die gleiche Seite mit serverseitig vorverarbeiteten css vs. css-Variablen vergleichen.

In der Chrom-Dev Tools Profiler sehe ich Aktivitäten wie Syntax-Stylesheet, malen, etc. Irgendwelche Ratschläge, auf welche Profiler Aktivitäten konzentrieren sich beim Vergleich vorverarbeiteten CSS zu CSS-Variablen?

Answer 1

Style Calculation ist das, was Sie suchen. Variablen haben jedoch kaum merkliche Auswirkungen auf die Leistung. Es wäre im Wesentlichen eine Kartensuche intern, die extrem schnell ist.