XHR Load 在 Chrome Devtools Timeline 当中耗时 1s 以上, 怎样优化?

0 0

处理滚动事件的时候, 滚动到顶部加载的, mousewheel 事件 _.debouce 去触发 Ajax.
但是有遇到几次 scroll 被卡住的问题, 于是用 Timeline 检测了下,
结果有个占 1s 以上的问题... 不知道为什么会占用那么多时间?

图片描述

10 years, 11 months ago

aceback 10 years, 11 months ago

SF 的评论坏了吗 @Larvata 本地看过是 CPU 跑满了, 后台时间也正常.. 所以还是本地的问题.

我原来以为那个调试工具消耗的时间在 XHR 就是 XHR 的问题,
后来发现在那里显示的代码还有 ajax 回调那些函数的时间消耗在里边.
所以这个问题不是 Ajax 的问题, 而是很可能请求回来之后触发的操作当中有个消耗大量计算的.

沿着这个思路我从 Profile 去找性能上消耗多的位置, 结果发现挺多会影响性能的地方的.
改掉了其中一些, 已经比较少卡的那种程度了..

answered 10 years, 11 months ago

tcghzl answered 10 years, 11 months ago