Vue.js 前后端分离项目，网站加载速度优化思路

Question

Vue.js 前后端接口分离项目，网站加载速度优化思路

Answer 1

加载速度的优化其实也就几个方面，代码分离、服务端渲染、去除不必要的依赖包、没压缩的就上压缩，没gzip的上gzip。各种CDN之类的。

Answer 2

使用CDN

按需加载
http://blog.csdn.net/yangbing...

服务器渲染
https://zh.nuxtjs.org/

Answer 3

如果对首屏时间加载有需求的话就按需加载路由。如果没有需求的化反而不按需加载后面的体验会更流畅一点。看具体需求吧。

按需加载就是在 router 文件里直接这样配置路由就可以。

export default new Router({
  routes: [
    {
      // 主页
      title: '主页',
      path: '/',
      name: 'home',
      // component: Home 这种是常规的不按需加载
      component: () => import('@/components/home/home') // 这里是按需加载
    },