Ionic 延迟加载的优点

Advantages of Ionic lazy loading

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

并且找不到关于延迟加载优点的详细描述。有人愿意解释一下吗?

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

底层问题:

当您冷启动您的应用程序(无恢复)时,webview 引擎需要加载、解析和解释大量 javascript 才能变得可用。顶级高端设备大多能够在可接受的时间范围内做到这一点,但在几年前或根本没有配备足够 CPU 功率的硬件上,这可能需要一段时间。

另一个问题(尤其是在开发 PWA 时)是网络速度,使用 WiFi 或 4G 快速下载几 MB javascript 完全没有问题(但也远非理想!)。但是在 3G 连接速度较慢的情况下,您可以一边喝咖啡一边等待,直到您的应用程序变为交互式。

延迟加载来拯救!

那么我们如何才能最大限度地减少使应用程序交互速度更快的工作量呢?我们将沉重的主包拆分成许多较小的包。因此,如果我们现在启动我们的应用程序,则只需获取和解析第一页所需的最低限度 javascript。每次我们需要一个特定的功能(一个页面)时,我们都会及时(懒惰)而不是提前(急切)加载。通过在需要时总是只获取一小块 javascript ,性能提升对于某些设备来说将是巨大的,但在每台设备上都会非常明显。

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