美文网首页
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资源压缩

相关文章

  • 常见面试题--js+css+vue

    1、变量提升、函数提升 2、数组的常用方法 3.优化首屏加载速度 4.Vue 首屏加载速度优化 5、Vue如何设置...

  • vue首屏优化方法

    vue是典型的单页应用,我们知道单页应用首屏一次性加载所有资源,当项目资源比较大的时候,首次加载可能出现页面卡顿等...

  • 构建工具

    Vue 首屏加载优化 关于 Vue 首屏加载优化的一点总结为什么我们要做三份 Webpack 配置文件 在知乎上我...

  • ssr个人初探

    ssr的好处主要以下两点 (1)优化首屏加载,使用vue-ssr可以把数据渲染成HTML, 并在首屏展示, 用户体...

  • Vue SPA 首屏加载优化实践

    写在前面 本文记录笔者在Vue SPA项目首屏加载优化过程中遇到的一些坑及优化方案! 我们以 vue-cli 工具...

  • webpack vue 首屏优化

    前期开发的时候,把所有的东西都在index.js(也有人用main.js)中引入打包了,导致每次加载打包后的dis...

  • vue首屏加载优化

    1.异步路由加载 2.不打包库文件 spa首屏加载慢,主要是打包后的js文件过大,阻塞加载所致。那么如何减小js的...

  • VUE首屏加载优化

    (1)组件按需加载;对Element-UI, Mint-UI组件进行按需加载;(2)路由组建懒加载;异步加载con...

  • vue首屏加载优化

    https://segmentfault.com/a/1190000010042512

  • Vue首屏加载优化

    Vue在开发WebApp的时候,有一个致命的缺点,那就是首次加载事件过长,本篇文章主要使用各种方法缩减文件大小,并...

网友评论

      本文标题:vue首屏优化方法

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