当前位置： 移动技术网 > IT编程>开发语言>JavaScript > vue优化之加快首屏加载速度

vue优化之加快首屏加载速度

2020年07月17日  | 移动技术网IT编程  | 我要评论

一、依赖优化之 CDN 加速
减少app.js和vender.js的体积，加快加载速度
二、gzip暴力压缩
1.npm安装
npm i compression-webpack-plugin@1.1.12 --save-dev
2.配置，config里的index.js文件

 build: {
    // Gzip off by default as many popular static hosts such as
   	// Surge or Netlify already gzip all static assets for you.
   	// Before setting to `true`, make sure to:
   	// npm install --save-dev compression-webpack-plugin
   	productionGzip: true,      //设置为true，之前时false  改为true
   	productionGzipExtensions: ['js', 'css'],
 }

三、路由懒加载

{
      path: '/list',
      name: 'list',
      component:resolve => require(["@/components/list"],resolve)
    },

本文地址：https://blog.csdn.net/danruWang/article/details/107359245

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网