Vue全家桶解析时间太长

Question

TIPS: 请求为本地, 网络很快, 主要是JS 代码解析阻塞导致白屏时间过久如图所示, javascript 在手机浏览器中加载速度过慢, 加上网络请求等平常会达到2s左右的时间才能展示首页, 请问各位大佬有什么解决方案吗以尝试以下方案按需加载router第三方库打入一个包基本代码优化想用但是条件不予许SSR

Answer 1

// router.js

import Vue from 'vue'

import Router from 'vue-router'

Vue.use(Router)

export function createRouter () {

  return new Router({

    mode: 'history',

    routes: [

      { path: '/', component: () => import('./components/Home.vue') },

      { path: '/item/:id', component: () => import('./components/Item.vue') }

    ]

  })

}