Ionic3+Angular5移动端懒加载适用性及潜在影响咨询

嘿，作为一个在Ionic3和Angular5上摸爬滚打过不少项目的开发者，我来给你好好唠唠这个问题～

一、懒加载在已下载的移动应用中依然适用吗？ #

答案是肯定的，而且在多数场景下非常有必要，原因主要有这几点：

• 启动速度大幅提升：虽然整个APP安装包已经在手机本地，但如果启动时就加载所有模块，Angular需要初始化大量组件、服务和依赖，会让启动时间变长，用户得等更久才能看到首页。懒加载只会加载启动必需的核心模块（比如首页模块），能让用户更快进入应用，体验直接上升一个档次。
• 优化内存占用：移动设备的内存资源比PC有限得多，懒加载的模块只有在用户进入对应页面时才会被加载到内存中，不用的时候还能被系统回收。如果一开始就把所有模块都塞进内存，很容易导致APP卡顿，甚至在低配置设备上出现崩溃风险。
• 模块化开发更清晰：这一点属于开发层面的优势，懒加载会强制你按业务模块拆分代码，项目越大，这种模块化的结构越容易维护，后续迭代和bug修复都会更高效。

二、使用懒加载会有副作用吗？ #

确实存在一些需要注意的小问题，但大多可以通过策略规避：

• 首次进入懒加载页面的轻微延迟：第一次打开某个懒加载页面时，APP需要从本地包中读取并初始化对应的模块，会有极短的延迟（通常只有几百毫秒，多数用户感知不到）。如果是高频使用的核心页面，可以用Angular的PreloadAllModules预加载策略，在APP启动后空闲时提前加载这些模块，彻底消除延迟。
• 路由配置复杂度提升：懒加载需要在路由中配置loadChildren来指定模块路径，比起一次性加载所有模块，路由文件的配置项会多一些，新手初期可能容易写错模块路径或者引用，但熟悉之后就会觉得这只是常规操作。
• 调试难度略增：懒加载模块的错误有时候不会在APP启动时暴露，而是在加载该模块时才触发，比如依赖注入错误、模块声明遗漏等。不过只要留意控制台的错误信息，定位问题也不会太困难。

总结 #

整体来说，懒加载在Ionic3+Angular5移动应用里是利远大于弊的，尤其是中大型项目，强烈建议采用；如果是小型项目，模块数量很少，可能性能提升不明显，但使用懒加载也不会带来负面影响，还能养成良好的模块化开发习惯。如果担心首次延迟问题，搭配预加载策略就可以完美解决。

内容的提问来源于stack exchange，提问作者ChrisZ