javascript性能功能

javascript performance functionality

本文关键字：功能 性能 javascript      更新时间：2023-09-26

我不确定这样的工具是否存在，但如果存在，请指出它。

它的工作原理是这样的：你在页面的UI上玩几分钟，然后你可以看到浏览器执行每个javascript函数花了多少时间，每个函数平均执行需要多少时间。

例如，我们可以说函数X使用了很多，执行起来需要很长时间。

我使用chrome，所以其他浏览器可能会这样做。让我知道。

chrome的开发工具具有您所说的"Timeline"。

  1. 加载页面，然后CTRL+SHIFT+I
  2. 转到"日程表"选项卡
  3. 点击记录按钮（位于左下角，是一个圆圈）

然后它将记录您的操作、页面事件等。

1）JSLitmus是一个轻量级工具，用于创建特别的JavaScript基准测试

http://www.broofa.com/Tools/JSLitmus/

是最好的，并为所有浏览器计算

2） 火虫，Chrome也会有所帮助。

3） JSPerf（没有链接）也将帮助您在线检查的性能

4）

如果你对这些都不满意。。自己做。。。

在这些之间编写函数调用

console.time('timerName');
// Your javascript function here 
console.timeEnd('timerName');

这个只能在firebug和chrome控制台等开发工具中使用，但很容易处理

在Chrome 中

CTRL + SHIFT + I

时间轴选项卡

点击左下角写着记录的圆圈

扰乱你的网站

停止记录

相关文章：