css - 如何测试特定 CSS 属性的浏览器性能？

Question

我工作的网站有很多过于复杂的页面。如果我能够对它们使用 box-sizing，我的工作在很多方面都会变得容易得多。然而，在我开始使用 box-sizing 之前，我需要说服权威人士使用它不会导致页面性能明显下降。

现在，他们最关心的页面是高达 2.5 MB 的资源(图像、HTML、CSS、JS 等)，而我需要上传的 .htc 文件大约为 4 kb。所以总文件大小的 0.0016%。没问题。

然而，虽然这不会给所有现代浏览器增加任何实际的渲染开销，但它会增加 IE6 和 IE7，因为它们需要引用这个行为文件。

问题是，如何测试使用这个行为文件导致的页面性能差异？

我尝试了 CSS 压力测试，但在测试了 500 多条已经应用到页面的其他规则后，它只显示了很少的结果，而没有一个与我真正想要的相关。

想法？

我使用的压力测试是:
andy.edinborough.org/CSS-Stress-Testing-and-Performance-Profiling

Answer 1

我找不到一个 IE+CSS 性能工具来覆盖 ie7/ie6。

根据我使用 .htc 文件(即 csspie)的经验，我可以告诉您的是，您想从 js 的 Angular 而不是 css 的 Angular 来看待它。

话虽如此，要在 ie6/ie7 上测试 js 性能，请尝试这些:

• DYNATRACE:http://ajax.dynatrace.com/pages/
• 同伴 JS:http://www.my-debugbar.com/wiki/CompanionJS/HomePage
• FIREBUG 精简版:http://getfirebug.com/firebuglite
• 调试栏:http://www.debugbar.com/

鉴于您的原始帖子中没有提供可使用的“示例”实时文件，恐怕我不能更具体。希望这会有所帮助。

问候 G