Submitted by admin on 2017, December 15, 11:42 AM. 前端
hardcode 一些基础样式在主文档里面。 比如loading动画或者基础背景色。
在bundle.js请求没有回来之前，有较好的等待效果，而这段样式无需异步加载。
加载慢原因：
1、bundle太大，没有压缩混淆。
2、bundle没有使用异步模块加载。
3、bundle没有拆分css样式或者base64了图片。
以上都可以对症下药
（1）给个loading菊花挡一下
（2）考虑对于页面的组件做异步加载
（4）webpack打包优化，减小打包文件体积大小
（3）vuejs路由的懒加载策略
（5）配置vue-cli，利用webpack插件完成模板预加载
（6）考虑服务器渲染首屏骨架页面，或者更复杂的服务器渲染策略ssr，官方有文档
 |
| « 2025年05月 » | ||||||
| 日 | 一 | 二 | 三 | 四 | 五 | 六 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
[11] [3] [5] [6] [27] [5] [20] [1] [6] [47] [2] [5] [7] [2] [17] [5] [24] [4] [9] [62] [30] [59] [71] [228] [16] [64] [11] [2] [3] [7] [9] [1] [10] [3] [14] [32] [16] [2] [4] [17] [2] [2] [8] [12] [6] [3] [15] [8] [3] [9] [1] [81] [2] [4] [5] [16] [3] [4] [18] [1]