1、缓存组件

<router-view v-slot="{ Component }">	<keep-alive><component :is='Component' /></keep-alive>
</router-view>

2、图片压缩

npm i image-webpack-loader

config.module.rule('img').rule(/\.(png)|(jpg)/).use('image-webpack-loader').loader("image-webpack-loader").options({bypaddOndeBug.true})

3、三方组件使用CDN

4、减少回流和重绘

5、路由懒加载、图片懒加载

6、开启gzip压缩

npm i compression-webpack-plugin

const CompressionWebpackPlugin = require('compression-webpack-plugin')configureWebpack:{plugins:[new CompressionWebpackPlugin({algrithm:"gzip",test:/\.(js)|(html)$/,minRatio:1})]
}