常德网站开发服务,做一个网站一般费用,帝国文章网站模板,亲子网 网站正在建设中碰到这样的一个问题#xff0c;用户反馈页面的图表一直加载不出来#xff0c;页面还卡死 打开链接页面#xff0c;打开控制台 Network 看到有个请求一直pending#xff0c;结合用户描述#xff0c;页面一直loading,似乎验证了我的怀疑#xff1a;后端迟迟没有相应。
但是…碰到这样的一个问题用户反馈页面的图表一直加载不出来页面还卡死 打开链接页面打开控制台 Network 看到有个请求一直pending结合用户描述页面一直loading,似乎验证了我的怀疑后端迟迟没有相应。
但是还有个现象页面卡死了后端没响应怎么能导致页面卡死呢
既然是页面卡死那无非是CPU满了或者内存满了
打开浏览器性能监控面板看看 可以看到内存没有问题但是CPU使用率一直100%还有DOM节点2万多显然异常出在了这两个地方但是有没有什么关联呢
首先思考什么会导致CPU使用率长期100%呢 1. js代码一直在运行 2. 页面节点太多渲染卡住 3.两者皆有
这个时候我们就需要使用 Perfomance 分析了 我们发现主要运行时间都是js运行有一个长任务一直没有释放接下来我们可以通过下钻上图标红的Long Task就可以定位出问题的代码了。
回到最开始的Network也不难发现是在处理这个pending中的请求的结果时js一直在运行,我们也可以通过找出本次调用来排查相关代码 不过这一块是比较让人疑惑的控制台不应该运行在独立的进程吗为什么会受js运行影响这个是我们讨论的话题外了。