vue详情页页面渲染慢

vue 商品详情页渲染

只传一个id,然后调用接口,进行渲染,可是加载时间实在慢,请问是咋回事呢?如何解决呢?

相关信息

3A7BC3F5-082C-4088-9BDF-CB3489FE51A7.png

加载时间最慢的就是那个chunk,好像是打包时候用的,我这执行项目,就yarn serve启动的,还有那个红色的,stock的,是干啥的呢, 后台 koa写的接口,和那有关吗?

阅读 5.9k
2 个回答

首先,你勾选了disable cache,所以我猜你是想让首次加载时间快,因为通常再一次加载的时候,一些资源文件是会缓存的,不会像首次这么慢。
好,那接下来就回答下问题:
一:你的chunk那么大是因为你把一些像vue/vue-router/vuex等等这些库文件都打包到一起了,因为它们被到处使用,所以打包的时候会放到一个chunk里,这块其实可以使用CDN的方式来加速库文件的加载。
二:你这个是开发环境下的,sock还有hot-update这些文件是用来辅助你热更新的,也就是你改完代码保存会自动更新代码的原因。这个在生产中是不会有的。

和后台关系不大,在前端进行优化。
chunk这个包太大了,一些模块按需加载,安装这个插件webpack-bundle-analyzer,可以看到各模块的大小。

推荐问题
宣传栏