Javascript性能：如何检查页面的速度是什么？

Question

我的页面非常慢，没有加载，但是在页面上输入表单字段的响应性方面。

页面上没有ajax - 这与网络传输无关。

有哪些好的策略可以发现代码瓶颈在哪里？我在chrome开发人员工具中找不到任何信息来告诉我瓶颈在哪里。

Answer 1

Webkit有一个“个人资料”选项。打开开发人员工具（ctrl + shift + i），然后单击“配置文件”。从那里你可以看到底部的记录按钮（圆圈）。单击它并像平常一样使用您的页面。再次单击它以停止并检查函数调用的时间轴！

或者，您可以使用以下方式单独对功能进行基准测试：

console.time( "Some label" );
console.timeEnd( "Some label" );

Answer 2

听起来像你在输入字段上的每个按键上都会触发一些事件。 你可以做的事情：

1. 如果Chrome的分析器不符合您的需求，请尝试使用FireBug或IE9的分析器。在IE9中，您可以看到每个函数调用花费了多少CPU时间。
2. 暂时从字段中逐个删除处理程序，并观察性能的任何变化。

让我知道它是怎么回事！