Javascript性能:如何检查是什么使页面变慢

Javascript performance: How to check what is slowing down the page?

本文关键字：是什么 检查 性能 何检查 Javascript      更新时间：2023-09-26

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

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

发现代码瓶颈的好策略是什么?我没有在chrome开发人员工具中找到任何东西来告诉我瓶颈在哪里。

Webkit有一个'profile'选项。打开开发人员工具(ctrl+shift+i)，点击"Profiles"。从那里你可以看到底部有一个记录按钮(圆圈)。点击它并像往常一样使用您的页面。再次单击它以停止并检查函数调用的时间线!

或者，您可以使用以下命令单独对函数进行基准测试:

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

这听起来像你有一些事件在你的输入字段的每个按键触发。你可以做的事情:

  1. 如果Chrome的分析器不能满足你的需求，试试FireBug或IE9的分析器，这是相当不错的。在IE9中，你可以看到每个函数调用花费了多少CPU时间。
  2. 暂时从字段中一个接一个地删除处理程序，并观察性能的任何变化。

让我知道进展如何!

相关文章：