техникам поиска источников проблем с производительностью в Angular.
Проблема такая, есть компонент с довольно большой вложенностью компонентов, в том числе ngfor внутри ngfor. При определенном количестве элементов компонент начинает жутко тормозить(ввод каждой буквы в текстовое поле может занимать по паре секунд.).
Что уже пробовал сделать: В компоненте ставил стратегию onPush(в моем представлении это должно было убрать тормоза, пусть и поломать работу), но тормоза не ушли.
Прошелся по вложенным компонентам, убрал все места с инпут биндингами на функции и геттеры.
Для ngFor задал trackByFn
Что еще может быть причиной постоянного ререндера компонента и как эту проблему локализовать?
Попробуйте в консоли хрома выставить флаг подсветки перерисовки. Если на каждый чих перерисовывается весь DOM - можно будет это чинить
Ого не знал о таком флаге, подскажите где он находится
More tools -> Animations > Paint Flashing
ага спасибо, только в Rendering. Хм результат странный, перерисовываются только поля ввода, да и как бы все-таки пои действия помогли на всех остальных элементах компонента(дропдауны, чекбосы), но именно ввод в <input> вызывает жуткие лаги
Обсуждают сегодня