关于vue.js:vue项目性能优化方法

5次阅读

共计 279 个字符,预计需要花费 1 分钟才能阅读完成。

大略有以下几点

路由组件按需加载

个别一个我的项目会有多个页面(路由),利用 webpack 的代码宰割与 vue 的异步组件,将代码按路由做按需加载;能够大大提高首次关上速度,页面越多成果越显著

非页面一级性能组件拆分按需加载

在刚关上页面时有些性能是不须要的,比方点击后的弹窗;能够将这些性能做拆分,联合 vue 的异步组件与 webpack 的代码宰割做按需加载

每个页面都须要加载的代码存入 cdn

如 vue.min.js、axios、vuex.js、vue-router.js 等等

sourceMap 相干代码不要打入 js 内

sourceMap 文件如果打入 js 内会大大增加 js 文件大小

正文完
 0