Низкая производительность в Angular 6 / Ionic 4 PWA при использовании большого количества редактируемых элементов содержимого

Question

У меня очень низкая производительность, особенно на старых машинах, когда я пытаюсь перемещаться между редактируемыми блоками контента.

Я думаю, что это может быть связано с количеством узлов, записываемых в DOM. Для меня важно отобразить все эти узлы, потому что это для сравнительного анализа.

Ниже приведен пример того, чего я пытаюсь достичь: -

for (let i = 0; i < 10000; i++) {
  this.testArray.push(i);
}

<ng-container *ngFor="let row of testArray">
    <div contentEditable="true">{{row}}</div>
</ng-container>

Я использую процессор производительности chromes для замедления x6, чтобы эмулировать это.

В моем полном примере у меня также есть функции, связанные с этими элементами, но здесь много кода для включения.

Я думал только о загрузке в поле зрения, что необходимо, но я не уверен, как это сделать, и его нужно прокручивать как по осям x, так и по оси y.