Vue项目优化方案

1.实现路由懒加载
{
path:'/',
component:()=>import ('@/route/route')
}

2.为项目不同模式配置不同的入口文件

3图片懒加载
vue-lazyload

4.打包时启用GZIP

5.打包时移除console信息

6.通过externals加载外部cdn资源,借用第三方服务器缓解自己服务器的压力

7.减小图片大小 多使用webp图片

8.减少图片请求次数,可以多使用精灵图(雪碧图)

你可能感兴趣的:(Vue项目优化方案)