如何测试特定CSS属性的浏览器性能?

如何测试特定CSS属性的浏览器性能?,css,performance,testing,Css,Performance,Testing,我工作的网站有很多过于复杂的页面。如果我能在它们上使用盒子大小,我的工作将在许多方面变得更加容易。然而,在我开始使用框大小之前,我需要让大家相信,使用它不会造成页面性能的明显下降 现在,他们最关心的页面是高达2.5MB的资源(图像、HTML、CSS、JS等),我需要上传的.htc文件大约4KB。因此,占总文件大小的0.0016%。没问题 然而,虽然这不会给所有现代浏览器增加任何真实的渲染开销,但由于IE6和IE7需要引用此行为文件,这会给它们带来额外的渲染开销 问题是,如何测试使用此行为文件导致

我工作的网站有很多过于复杂的页面。如果我能在它们上使用盒子大小,我的工作将在许多方面变得更加容易。然而,在我开始使用框大小之前,我需要让大家相信,使用它不会造成页面性能的明显下降

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

然而,虽然这不会给所有现代浏览器增加任何真实的渲染开销,但由于IE6和IE7需要引用此行为文件,这会给它们带来额外的渲染开销

问题是,如何测试使用此行为文件导致的页面性能差异

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

想法

我使用的压力测试是:

andy.edinborough.org/CSS压力测试和性能评测

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

根据我使用.htc文件(即csspie)的经验,我可以告诉你的是,你想从js的角度来看它,而不是css

话虽如此,要在ie6/ie7上测试js性能,请尝试以下方法:

  • 动态跟踪:
  • 同伴JS:
  • FIREBUG LITE:
  • 调试栏:
我恐怕不能说得更具体了,因为在你的原始帖子中没有提供“示例”实时文件。希望这有帮助

问候 G