Vue3 + element Plus 开发的页面部署线上环境卡顿,如何排查?

267 阅读1分钟

如下所示:vue3 开发的页面,在部署到线上环境后,在初始进入的时候,页面卡顿,浏览器也整体卡死,大概一分钟左右反应过来,本地正常无卡顿。通过浏览器性能工具看到这个长任务耗时1分钟,其中事件beforeunload这个东西耗时最长,内网环境远程暂不好通过代码排查,这种一般是什么原因导致的呢,应该从啥地方去排查?

页面中包含内容 为 三个 el-form 其中包含有通过接口返回的 el-select等输入项。每次卡顿的时候这几个接口都没返回,必须等卡顿结束菜返回当前页面的所有接口。接口返回时间正常。 image.png