离子惰性加载的优点

Mar*_*der 1 loading ionic-framework ionic3

Google是否进行了简单的搜索:https//www.google.com/search?q = advantages + of + ionic + lazy + loading

并没有真正找到延迟加载优点的详细描述。有人在乎解释吗?

Dav*_*vid 5

长话短说:(启动)- 性能

潜在问题:

当您冷启动应用程序(无恢复功能)时,Webview引擎需要加载,解析和解释许多JavaScript才能使用。顶级高端设备大多能够在可接受的时间范围内执行此操作,但在使用了几年的硬件或根本没有配备足够CPU能力的硬件上,这可能需要一段时间。

另一个问题(尤其是在开发PWA时)是网络速度,对于WiFi或4G来说,快速下载几MB的javascript根本没有问题(但也远非理想!)。但是,在3G连接速度较慢的情况下,您可以边喝咖啡边等待应用互动。

懒加载救援!

那么,如何才能最大程度地减少使应用程序交互更快的精力呢?我们将较重的主捆分成许多较小的捆。因此,如果我们现在启动我们的应用程序,则只需要提取和解析第一页所需的最少的javascript。每次我们需要特定功能(页面)时,我们都会及时(延迟)加载而不是提前(渴望)加载。通过始终仅在需要时获取一小段javascript,对于某些设备而言,性能提升将是巨大的,但在每台设备上肯定会引起注意。

如果您在Ionic3中实现延迟加载,您的代码也将变得更加模块化和可维护,因为您将为每个模块创建一个独立的Angular模块,IonicPage并将字符串推入nav-stack而不是实际的页面实例中,从而消除了很多依赖关系(导入)代码中。