浅谈优化首屏加载的方法

1.路由的懒加载。

const routes = [{
        path: '/',
        name: 'login',
        component: () =>
            import ('../views/Login.vue'),
        meta: {
            isNext: false,
        }
    },]

2.采用CDN线上链接加速。（在public文件中如同以下代码替换组件链接）。

<link href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" rel="preload" as="style" />
      <link href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" rel="stylesheet" />

3.代码层面的优化。

（1）.合理使用v-if和v-show。使用v-for必须添加key, 最好为唯一id, 避免使用index, 且在同一个标签上，v-for不要和v-if同时使用。

（2）.合理使用watch和computed。

（3）.代码防抖和节流的合理使用。

（4）.尽量减少闭包的使用