Как аккуратно прогрузить модуль в Angular без визуальной задержки?

Question

[Джанго Всемогущий]

Есть довольно тяжелая компонента, с модулем ckeditor(визуальный редактор html кода). Когда нажимаю на переход страницы, у меня происходит фриз на 2 секунды, перед переходом.

Вот код компонента на которую перехожу:

import * as ClassicEditor from '../../../assets/ckeditor-custom/ckeditor.js'

@Component({
  selector: 'app-html',
  templateUrl: './html.component.html',
})
export class HTMLComponent implements AfterContentInit {
  
  editor : any;

  ngAfterContentInit() : void
  {
    this.editor = ClassicEditor;
  }

this.editor = ClassicEditor; данный блок делает фриз на 2 секунды. Понятно, что в это время он импортирует модуль, и только после отрисовывает компонент. Как выполнить, сначала переход и только после этого загрузку модуля?

В html условие *ngIf="editor" безрезультатно.

Comments

[Антон Швец]

Если я правильно понял, никакой ленивой загрузки компонента у вас нет, и соответственно никто никуда ничего не импортирует, а фриз чисто из-за отрисовки ckeditor, он довольно тяжелый редактор.
Как убрать - ну попробовать собрать скедитор с минимальным нужным набором, а то и отказаться от него вообще.