3

1) Google 从 Blink 中删除了 CSS Profiler (Issue #265486)

2) Firefox 没有（问题 #713031）（有趣的是，几年前有人问过类似 chrome 的分析器......现在他们明白了！）

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 做计划

谢谢和对不起我的英语！

4

2 回答 2

0

现代 Web 开发正在远离分析 CSS 选择器的趋势，仅仅是因为从中获得的收益太少了。对性能做出任何明显的改变都需要花费大量的时间和精力，并且可能会妨碍代码的可维护性。

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

简单地从页面中删除单个图像可能会比任何数量的 CSS 重构都更能提高您网站的性能。

于 2013-10-16T16:09:47.733 回答
0

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

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

于 2014-02-17T09:22:39.463 回答