vue首屏优化方法

vue是典型的单页应用,我们知道单页应用首屏一次性加载所有资源,当项目资源比较大的时候,首次加载可能出现页面卡顿等现象,对此我们可以资源加载方式来提升首屏优化体验。

1、针对第三方库的优化

      1)插件、框架等部分需要的话可以考虑按需引入或者部分引入

      2)插件、工具等可以选择CND获取资源


2、路由懒加载等,将JS资源打包拆分成多个JS小包,需要时再加载

3、非全局需要的组件可以局部引入

4、webpack打包

                1)webpack插件gip压缩代码,减小js等打包体积compression-webpack-plugin

                2)组件重复打包 minChunks:2重复引入数量设置

5、其他

      1)图片资源压缩

       2)css资源压缩

你可能感兴趣的:(vue首屏优化方法)