クロム開発ツールprofiling css variables

Question

私はchrome開発ツールを使ってプロファイリングするのが初めてです。私は、どのくらいのパーセンテージヒットのCSS変数があるかを知りたいので、同じページをサーバサイドの前処理されたcssとcssの変数と比較したいと思います。

chrome dev toolsのプロファイラでは、解析スタイルシート、ペイントなどのようなアクティビティが表示されます。前処理済みのCSSをCSS変数と比較する際に、

Answer 1

Style Calculationあなたが探しているものです。しかし、変数はパフォーマンスにほとんど影響を与えません。基本的には内部的にマップのルックアップとなり、非常に高速です。