Блог

У нас есть приложение Ionic5-Angular, которое также развертывается как веб-приложение. Приятно, что Ionic lazy загружает все свои компоненты — это значительно уменьшает размер пакета. Однако мы сталкиваемся с проблемами, когда дело доходит до взаимодействия с пользователем, которые запускают компоненты с отложенной загрузкой.

В качестве примера у нас есть кнопка, которая запускает диалоговое окно. При развертывании наблюдается заметная задержка между нажатием кнопки и отображением диалогового окна. При тестировании на медленном интернет-соединении 2G для отображения диалогового окна потребовалась почти минута. После загрузки один раз все в порядке, но мы обнаруживаем, что более нетерпеливые пользователи нажимают на кнопку несколько раз, потому что она выглядит сломанной.

Я хочу, чтобы веб-браузер загружал ионный компонент вместе заранее при загрузке веб-страницы, а не по запросу.

Я не думаю, что вы можете предварительно загружать отдельные компоненты, но вы можете предварительно загружать модули. Используйте модуль предварительной загрузки Angular следующим образом:

 import { RouterModule, PreloadAllModules } from '@angular/router';

...

RouterModule.forRoot(
  appRoutes,
  {
    preloadingStrategy: PreloadAllModules
  }
)