Угловой режим разработки очень медленный в Internet Explorer 11 (но хорошо с новыми браузерами)

Question

Я использую приложение Angular 7.x, которое сильно загружено текстовыми и угловыми материалами, которое кажется очень медленным при использовании этого в Internet Explorer 11. С современными браузерами приложение выглядит нормально, включая Edge, но с использованием Internet Explorer 11, набирающего текств текстовой области серьезно запаздывает и непригоден для использования.

В файле main.ts, если я разрешу запускать приложение в рабочем состоянии, закомментировав следующие две строки, оно будет гораздо более плавным и менее медленным в IE11.

// if (environment.production) {
  enableProdMode();
// }

Это кажется очень хакерским и неправильным, так как я «взламываю» файл main.ts - мне нужно найти решение, которое ускорит IE11, но это выглядит как грязное решение - есть ли лучший способ длямне получить эту выгоду?Есть ли лучший способ оптимизации для IE11?

Answer 1

Вы можете использовать F12 dev tools Производительность * вкладка , чтобы проанализировать, какая часть вызывает низкую производительность в IE.Если возможно, вы можете сделать страницу легче, так как IE не работает с программами, а также с современными браузерами.

Вы также можете обратиться к этому списку , чтобы проверить, есть ли какой-нибудь метод, который вы можете использовать для ускорения производительности.Как упоминалось в контрольном списке, с использованием enableProdMode действительно является способом оптимизации времени выполнения.

Кроме того, если в вашем коде есть *ngFor, не забудьте использовать в нем trackBy.Кроме того, если *ngFor отображает много элементов, браузеры (особенно старые) могут замедляться и требовать больше времени для завершения рендеринга всех элементов.Чтобы сократить время рендеринга, вы можете воспользоваться следующими способами:

• Применение виртуальной прокрутки с помощью CDK или ngx-virtual-scroller
• Уменьшение количества элементов DOM, отображаемых в разделе *ngFor вашего шаблона.
• Используйте ng-container, где это возможно