浏览器也面卡死, 看请求某个请求 Caution:request is not finished yet

浏览器也面卡死, 看请求某个请求 Caution:request is not finished yet

philo-尼可 154 2021-10-28

某个项目,打开地址选择器的时候,页面卡死, 看浏览器 console 里面也没有报错, 接口请求也都是 200 状态, 但是看请求数据的接口 Timing, 有一行。

Caution:request is not finished yet

image.png

把请求拿出来, 放到 Postman 上请求,返回了 3M 多的数据,
肯定是前端这个请求的方法里面对返回数据做处理, 处理了很长时间,导致页面卡住,等这个数据处理。

果然找到问题所在, 地址选择器 把返回的数据渲染成树状结构,3M 数据太多, 导致页面卡死,等了5分钟,数据处理完, 页面也出来了。

优化方案:数据懒加载, 可以先返回第一层数据, 点击展开的时候加载下一层


# 页面 # 卡 # Caution