路由懒加载

当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。vue-router官网路由懒加载 - 图1

提示

如何实现路由的懒加载在这里不做过多的阐述,在vue-router的官方文档中有着非常完美的解释,在这里我们需要说明的是为何在electron中要去实现路由懒加载

首先是为了内存和首屏加载速度问题,即使是在electron中,资源都在用户电脑中并且不用考虑网络传输带来的等待时间,几乎算是非常理想的状态,但是我们需要考虑的是,用户的内存,硬盘读取速度,以及cpu的速度,如果您的页面非常多,这将导致js包非常大,然后在用户的计算机硬件又不是非常理想的状态下,可能会导致首屏加载非常缓慢,即使你添加了等待页面,大于3秒的加载时间也会让用户烦躁不已,所以还是建议启用路由懒加载,这样用户不仅仅只是在首屏等待时间会降低,也有利于electron回收内存,让内存占用不再那么浮夸。