【问题标题】:Which is the best available tool for measuring browser reflows in FireFox?哪个是在 FireFox 中测量浏览器回流的最佳可用工具?
【发布时间】:2012-07-04 23:04:23
【问题描述】:

我研究了this article by Nicole Sullivan,它提到了很多可以帮助测量浏览器回流的工具:

  • Google 的 Lindsey Simon 写了一个 bookmarklet 来测试任何浏览器上的回流时间。极好的。 (注意:所有的震动都是正常的!)
  • John Resig 写了一个 bookmarklet 来可视化绘画事件。
  • Kyle Scholz 创建了此 tool 以在加载前可视化绘制事件。
  • Yoono 的 Alex 创建了 XUL profiler

我尝试使用第一个工具,但它没有引导我到任何地方。然后尝试了第二个工具,但我无法从中找到任何信息。然后我安装了第三个工具作为 FF 的附加组件,但这并没有不要在屏幕截图选项卡中给我任何东西。第四个给我一个 404 错误。

所以我对 SO 中所有专家的问题是,哪个是衡量浏览器回流的最佳可用工具?我希望自从那篇文章发表以来,会有一些新工具出现。

【问题讨论】:

  • 这里可能已经回答了stackoverflow.com/questions/7006152/…
  • @Arcadien 我已经尝试了答案中给出的第 2 点,但这对我不起作用。这实际上是我问题中的第三点。
  • 度量是什么意思?您想知道回流次数吗?如果是,请使用全局 mozPaintCount 变量。
  • @RobW 我想测量回流的次数以及每个回流的时间。
  • @Subhra 回流次数 -> window.mozPaintCount。测量时间 -> mozAfterPaint 事件。

标签: javascript html css firefox pagespeed


【解决方案1】:

Chrome 开发者工具CTRL+SHFT+I 有类似的东西我猜...点击时间线标签并点击页脚中的记录按钮,看看你的页面会发生什么!

在右侧显示所有记录,当您将鼠标悬停在记录上时,它会突出显示页面上的元素。

【讨论】:

猜你喜欢
  • 2015-05-27
  • 2014-01-30
  • 1970-01-01
  • 1970-01-01
  • 2015-06-28
  • 2016-02-07
  • 2013-10-25
  • 2011-12-03
  • 2015-09-03
相关资源
最近更新 更多