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

发布于 2022-08-29 23:05:14 字数 389 浏览 14 评论 0

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

图片描述

图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

动次打次papapa 2022-09-05 23:05:14

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

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文