美文网首页
vue首屏优化方法

vue首屏优化方法

作者: 拳拳 | 来源:发表于2021-07-28 17:21 被阅读0次

    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首屏优化方法

          本文链接:https://www.haomeiwen.com/subject/shizmltx.html