vue打包之后里面怎么加快加载速度啊

Question

我不知道这个是不是路由懒加载了,然后3兆加载速度二十多秒,我们带宽是一兆的,不知道为啥这么慢,还有没有其他什么办法能加快速度呀,或者一些外部插件直接饮用src地址,这个应该怎么搞呢

Answer 1

可以借助 webpack-bundle-analyzer 插件，来分析那些页面模块造成 js 资源过大。

• 异步加载，借助 require.ensure 方法来做处理那些，比如A,B页面同时引用了 echarts，最终A,B都会含有这个文件。从而造成这两个页面都会很大，所以要把 echarts抽离出来，单独成一个包。

Answer 2

放到cdn上，可以加快加载

Answer 3

1、vue全家桶CDN加载，只考虑国内情况CDN可以选择https://www.bootcdn.cn，如果想国外访问也能快点CDN可以选择https://www.jsdelivr.com/
2、体积大且复用性高的组件做懒加载处理，如楼上说的echarts,可以单独简单封装成组件做懒加载
3、iconfont的字体文件在线加载，不走本地
4、ui库组件按需加载，如只需要表格组件，打包的时候只打包表格组件相关，而不是整个UI库打包，按需加载各个ui库都有介绍

Answer 4

1、webpack-bundle-analyzer 分析有没重复引用 和 包体积
2、你的静态资源都没走强缓存 还有 gzip
3、js / css要 tree shake 和 按需加载
4、图片一定要压缩 不影响使用时候要压缩到最小，尺寸一定要刚好适用
...