如何配置CSS选择器？

Question

1）Google从Blink（问题＃265486）中删除了CSS Profiler

2）Firefox没有（问题＃713031）（有趣的事实是几年前有人问过像铬一样的探查器......现在他们得到了它！）

3）Opera有蜻蜓，但现在Opera基于Blink ......蜻蜓已经消失了。

4）唯一仍在那里的探测器，Safari中的探测器，不适用于我的6.0.5 / OSX 10.8.5。 （它一直记录css，我无法阻止它）

此外，这应该取决于浏览器，因此仅测试一个浏览器不是最佳选择。

我知道“CSS-Stress-Testing-and-Performance-Profiling”这个工具，但我并没有弄明白如何将它用于我的目的。

我遇到了一些基准测试，例如：http://jsperf.com/css-selector-speed/15，并基于那个我编写的内容：https://gist.github.com/tagliala/7009411

铬伙伴们说“对于绝大多数常用选择器来说，CSS选择器匹配现在相当快，在分析器实现时曾经很慢”，很好......

如何检查是否值得将语法从“.icon- ”更改为“.font-icon.font-icon - ”，以避免像“[class * = icon-”这样的通用规则]，[class * = icon-]“？这就是Bootstrap 3.0为Glyphicons所做的事情，FontAwesome正在计划4.0

谢谢，对不起我的英文！

Answer 1

现代网络开发正在逐渐远离剖析CSS选择器，因为它几乎没有从中获得。这需要花费大量的时间和精力才能对性能做出任何明显的改变，并且可能会妨碍代码的可维护性。

考虑到选择器的解析速度，您最好关注网站的其他方面，这些方面可能会提高性能。

只需从页面中删除单个图片，就可能比任何数量的CSS重构都更能提高网站的性能。

Answer 2

在创建任何更好的解决方案之前，您可以继续使用Opera 12.x和仍然可以完成工作的Dragonfly。

您可以在此处下载旧版Opera：http://ftp.opera.com/pub/opera/