Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/performance/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript性能:如何检查是什么降低了页面的速度?_Javascript_Performance_Profiling - Fatal编程技术网

Javascript性能:如何检查是什么降低了页面的速度?

Javascript性能:如何检查是什么降低了页面的速度?,javascript,performance,profiling,Javascript,Performance,Profiling,我有一个页面速度非常慢,不是加载速度慢,而是在页面的表单字段中输入的响应速度慢 页面上没有ajax—这与网络传输无关 发现代码瓶颈的好策略是什么?我在chrome开发者工具中找不到任何东西可以告诉我瓶颈在哪里。Webkit有一个“配置文件”选项。打开开发人员工具(ctrl+shift+i)并单击“配置文件”。从那里你可以看到底部有一个记录按钮(圆圈)。单击它并像平常一样使用您的页面。再次单击它可停止并检查函数调用的时间线 或者,您可以使用以下方法对函数进行单独基准测试: console.time

我有一个页面速度非常慢,不是加载速度慢,而是在页面的表单字段中输入的响应速度慢

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


发现代码瓶颈的好策略是什么?我在chrome开发者工具中找不到任何东西可以告诉我瓶颈在哪里。

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

或者,您可以使用以下方法对函数进行单独基准测试:

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

在我看来,在输入字段的每个按键上都有一些事件触发。 你可以做的事情:

  • 如果Chrome的profiler不符合您的需要,请尝试FireBug或IE9的profiler,这是相当不错的。在IE9中,您可以看到每个函数调用花费了多少CPU时间
  • 暂时从字段中逐个删除处理程序,并观察性能中的任何更改

  • 让我知道进展如何

    你没有Chrome中的
    配置文件
    选项卡?我想你是对的,有处理程序正在启动,但我没有在字段中附加任何处理程序。chrome的timeline和profiler只显示jquery中的一些代码正在启动。非常奇怪。可能是客户端验证开始了。我希望不是,我还没有写任何客户端验证。