chrome dev 도구 profiling css variables

Question

나는 크롬 개발자 도구를 사용하여 프로파일 링을 처음 사용합니다. 나는 perf/히트 CSS 변수가 얼마나 많은지 알아 내고 싶다. 그래서 서버 쪽 preprocessed css 대 css 변수와 같은 페이지를 비교하고 싶다.

chrome dev tools profiler에서 스타일 시트, 페인트 등을 분석하는 것과 같은 활동을 볼 수 있습니다. 전처리 된 CSS를 CSS 변수와 비교할 때 어떤 프로파일 러 활동이 초점을 맞추어야하는지에 대한 조언이 있습니까?

Answer 1

Style Calculation 당신이 찾고있는 것입니다. 그러나 변수는 성능에 거의 영향을 미치지 않습니다. 그것은 본질적으로 매우 빠르게 내부적으로지도 조회 것입니다.