使用CSS压力测试工具提高浏览器性能
CSS3背景，圆角，阴影框，文本阴影，不透明度和转换保存网页开发者个小时的时间。 而无需借助图像切片，附加的元件或脚本来实现基本效果。
尽管如此，并不是所有在CSS3世界红润。 当我第一次与技术几年前涉足，我被冲击效果震撼可能对浏览器性能。 一个单一的CSS属性可能会导致可见重画和页面滚动糖浆。 在一个网站上，我不得不放弃圆角和恢复到图像来解决性能问题。 我大骂了几次，但简单地认为它是另一种发展的疑难杂症到文件在浏览器中母狗箱。
幸运的是，美国的网站开发者安迪·爱丁堡进一步研究的问题，并制定了CSS压力测试书签 。
CSS的压力测试采用一种新的方法来检测性能问题：
- 单ID或类是从DOM元素来禁用（一些）CSS效果除去。
- 页面滚动和所花费的时间被记录下来。
- 该ID /类将被替换，循环继续，直到所有进行了分析。
结果然后显示每个去除如何影响滚动速度的表 - 时间要么加入（较慢无影响）或保存（较快没有影响）。 如果去除特定的ID或类的保存比别人更显著的时候，你应该能性能问题的原因隔离。
在所有现代浏览器但要注意书签运行，这是一个工作在进步，也有一些缺点：
- 施加到HTML元素的样式不会被删除。 例如，如果您已经应用效果的
header标签，该工具将无法突出问题。 然而，将犯罪嫌疑人的数量减少到进一步手动调查可管理的水平。 - 复杂的页面可能需要几分钟来分析。
- 虽然它们的价格降低了CSS3支持，所以他们通常是性能问题不易失败在一些旧的浏览器。
- 结果的表不能移动，并且可以通过相互矛盾的元素或样式被损坏或隐藏。 为了解决这个问题，使用萤火虫或类似的工具，以除去覆盖元件或提取数据。
总体而言，该工具是一个好主意，它会导致令人吃惊的结论。 在他的问题页面，安迪发现，当边界半径在IE9中应用了许多孩子的根元素受到不利影响。