CSS性能分析器?

前端之家收集整理的这篇文章主要介绍了CSS性能分析器?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前正在一个网站,在我的大量的样式表中的某个地方,一些是杀了性能的IE。有没有任何好的CSS配置文件在那里?我想要一个工具,可以找出规则,杀死性能

在您提出之前,我已禁用JavaScript,不透明度和Box-shadow / text-shadow规则。页面仍然跳跃。 :/如果我禁用所有的CSS,它运行伟大。

我需要一个工具,可以配置页面和报告CSS瓶颈在哪里。

解决方法

所以,我终于开始编写一个JavaScript函数,索引我的所有CSS类在页面上,然后单独切换它们,同时滚动页面。这立刻指出错误的类,从那里,我能够确定错误属性。原来,包含许多孩子(例如一个身体水平div)的元素上的border-radius在IE9执行令人难以置信的不好。

我开始一个github repo为我的CSS压力测试:https://github.com/andyedinborough/stress-css

从那里,您可以安装一个书签,以轻松地在任何页面上运行测试。

猜你在找的CSS相关文章