美文网首页
vue单页面打包后,首页初次加载特别慢

vue单页面打包后,首页初次加载特别慢

作者: cooqi | 来源:发表于2017-08-04 09:52 被阅读0次

当我们用vue做完项目打包后,发现项目本身文件不大,但是首页打开却异常的慢

即使用懒加载或写一个loading都不利于用户体验

我们需要页面按需加载
也就是异步加载

// 同步组件a
import a from './components/a.vue'

// 异步组件b
// 异步写法如下
const b = resolve => require(['./components/b.vue'], resolve)

改后,发现确实快了

相关文章

  • vue单页面打包后,首页初次加载特别慢

    当我们用vue做完项目打包后,发现项目本身文件不大,但是首页打开却异常的慢 即使用懒加载或写一个loading都不...

  • Vue 路由懒加载

    Vue 是单页面应用,可能会有很多的路由引入 ,这样使用 webpcak 打包后的文件很大,当进入首页时,加载的资...

  • (转载)vue项目首屏加载优化实战

    vue项目首屏加载优化实战 问题 单页面应用的一个问题就是首页加载东西过多,加载时间过长。特别在移动端,单页面应用...

  • vue 懒加载

    懒加载 为什么需要懒加载? 像vue这种单页面应用,如果没有应用懒加载,运用webpack打包后的文件将会异常的大...

  • vue之vue-router路由懒加载

    用vue.js写单页面应用时,会出现打包后的JavaScript包非常大,影响页面加载,我们可以利用路由的懒加载去...

  • vue-cli3.x 项目优化

    1.路由懒加载 像vue这种单页面应用,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成...

  • 2018-12-19

    场景:vue路由加载页面时,数据加载慢的时候页面会有闪动的效果,数据加载前和加载后的区别。(特别是el-table...

  • 路由及路由懒加载

    为什么需要懒加载? 像vue这种单页面应用,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进...

  • vue-router路由懒加载(按需加载)的实现(解决vue项目

    为什么需要懒加载? 像vue这种单页面应用,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进...

  • vue打包后index访问的是首页,而非登录页面

    今天vue打包文件遇到的问题: vue打包后index访问的是首页,而非登录页面,在对router.beforeE...

网友评论

      本文标题:vue单页面打包后,首页初次加载特别慢

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