【发布时间】：2012-01-12 16:22:39
【问题描述】：
我有一个非常慢的页面，不是在加载方面，而是在页面上输入表单字段的响应性方面。
页面上没有 ajax - 这与网络传输无关。
什么是发现代码瓶颈所在的好策略？我在 chrome 开发者工具中没有发现任何东西可以告诉我瓶颈在哪里。
【问题讨论】：
-
Chrome 中没有
Profile标签？
标签： javascript performance profiling
【发布时间】：2012-01-12 16:22:39
【问题描述】：
Webkit 有一个“配置文件”选项。打开开发者工具（ctrl+shift+i）并点击“Profiles”。从那里您可以在底部看到一个记录按钮（圆圈）。单击它并像往常一样使用您的页面。再次单击它以停止并检查函数调用的时间线！
或者，您可以使用以下方法单独对函数进行基准测试：
console.time( "Some label" );
console.timeEnd( "Some label" );
【讨论】：
在我看来，您在输入字段上的每次按键时都会触发一些事件。 你可以做的事情：
- 如果 Chrome 的分析器不能满足您的需求，请尝试 FireBug 或 IE9 的分析器，这很不错。在 IE9 中，您可以查看每个函数调用花费了多少 CPU 时间。
- 暂时从字段中删除处理程序，一个一个，并观察性能的任何变化。
告诉我进展如何！
【讨论】：
-
我认为你是对的，有处理程序触发，但我没有附加任何到字段。所有 chrome 的时间线和分析器都出现了 jquery 中的一些代码正在触发。很奇怪。
-
可能是客户端验证开始了。
-
希望没有，我还没有写任何客户端验证。