CSS 선택기를 프로파일하는 방법?

Question

1) 구글은 깜박임에서 (문제 번호 265486을)를 CSS 프로파일을 제거

2) 파이어 폭스는없는 일 (이슈 번호 713031) (재미있는 사실은 누군가가 몇 년 전에 질문이다 크롬 같은 프로파일 러 ... 그리고 지금 그들은 그것을 얻었다!)

3) 오페라는 잠자리를 가지고 있었지만, 지금 오페라는 블링크를 기반으로 ... 그리고 잠자리는 없어졌다.

4) 사파리에있는 프로파일 러 중 하나만 내 6.0.5/OSX 10.8.5에서 작동하지 않습니다. (그것은 계속 css를 기록하고 멈출 수 없습니다.)

또한 브라우저 의존적이어서 하나의 브라우저 만 테스트하는 것이 최선의 선택이 아닙니다.

"CSS- 스트레스 테스트 및 성능 프로파일 링"도구에 대해 알고 있지만 어떻게 사용했는지 파악하지 못했습니다. 나는이 같은 물건을 쓴 http://jsperf.com/css-selector-speed/15 그 일에 내놓고 : https://gist.github.com/tagliala/7009411

가 크롬 사람은 CSS 선택 매칭 사용되는 일반적인 선택기의 절대 다수를 위해 합리적으로 빠른 지금 "이라고

내가 좋아하는 몇 가지 벤치 마크를 건너 왔어요 프로파일 러 구현시 느려야합니다. "라고 말하면서 ...

".icon- "에서".font-icon.font-icon- "으로 구문을 변경하는 것이 좋은지 어떻게 확인할 수 있습니까? "[class * = icon-], [class * = icon-]"와 같은 일반적인 규칙을 피하려면? 그것이 Glyphicons와 FontAwesome이 Bootstrap 3.0에서 4.0을 위해 계획 한 것입니다.

영어를 유감스럽게 생각합니다.

Answer 1

현대적인 웹 개발은 CSS 선택기를 프로파일 링하는 경향이 너무 작기 때문에 추측하고 있습니다. 성능에 눈에 띄는 변화를주기 위해서는 많은 시간과 노력이 필요하며 코드의 유지 보수 가능성을 저해 할 수 있습니다.

선택기가 분석되는 속도가 주어지면 성능 향상을 사용할 수있는 웹 사이트의 다른 측면에 집중하는 것이 좋습니다.

페이지에서 단일 이미지를 제거하는 것만으로도 CSS 리팩토링이 할 수있는 것보다 더 많은 사이트 성능을 향상시킬 수 있습니다.

Answer 2

더 나은 솔루션이 만들어 질 때까지는 여전히 작업을 수행하는 잠자리가있는 Opera 12.x를 계속 사용할 수 있습니다.

현재 오페라의 이전 버전을 다운로드 할 수 있습니다 http://ftp.opera.com/pub/opera/