vue+elementui首次进入js加载很慢的问题,如何解决?-灵析社区

Kapp啊$0920

1.项目是使用的若依的框架,vue2+elementui. 2.页面问题:在页面出示加载的时候,会有一个js特别慢,能有10M,加载8s,严重影响页面的体验.![a5c395f9b52f239dff109ece6fcf465.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241107/bfabe2e118d32477dd6ddc7a18dc285f.png) 在测试环境还行,但是升级到正式的环境之后就会出现这个问题。 排查之后发现js也是开启gzip的webpack配置![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241107/5e2bf4ebc89e57defea921df6a5b5f01.png) 3.webpack的配置![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241107/1fddd10a29b410c3cf46e6b7dad3f06c.png)![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241107/d3c432730a1b4c58eafaf847ddf27dd4.png)![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241107/b73b5146a0fabc1b5840a6a3e70034ed.png) 1,删除一些预加载,放在了webpack中,但是不生效。 2,"report": "vue-cli-service build --report" 使用了report命令,但是没有发现可以具体优化的点

阅读量:20

点赞量:0

问AI
有没有可能就是你生产环境带宽不够呢? *** 优化什么都不如把 splitChunks 干掉。你这里适合用于大带宽,小带宽不行 "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241107/72da5e2e5e389b66305d06aabbf89eca.png)