Всем привет. Может у кого-нибудь есть на примете статья по

Question

Всем привет. Может у кого-нибудь есть на примете статья по

техникам поиска источников проблем с производительностью в Angular.
Проблема такая, есть компонент с довольно большой вложенностью компонентов, в том числе ngfor внутри ngfor. При определенном количестве элементов компонент начинает жутко тормозить(ввод каждой буквы в текстовое поле может занимать по паре секунд.).
Что уже пробовал сделать: В компоненте ставил стратегию onPush(в моем представлении это должно было убрать тормоза, пусть и поломать работу), но тормоза не ушли.
Прошелся по вложенным компонентам, убрал все места с инпут биндингами на функции и геттеры.
Для ngFor задал trackByFn
Что еще может быть причиной постоянного ререндера компонента и как эту проблему локализовать?

#angular #frontend #javascript #programming #russian

0

19.03.2021

4 ответов

11 просмотров

Aleksey Kap Автор вопроса

Oleg Safonov
Попробуйте в консоли хрома выставить флаг подсветк...

Ого не знал о таком флаге, подскажите где он находится

0

19.03.2021

Oleg Safonov

Aleksey Kap
Ого не знал о таком флаге, подскажите где он наход...

More tools -> Animations > Paint Flashing

0

19.03.2021

Aleksey Kap Автор вопроса

Oleg Safonov

More tools -> Animations > Paint Flashing

ага спасибо, только в Rendering. Хм результат странный, перерисовываются только поля ввода, да и как бы все-таки пои действия помогли на всех остальных элементах компонента(дропдауны, чекбосы), но именно ввод в <input> вызывает жуткие лаги

0

19.03.2021

Oleg Safonov · Accepted Answer

Oleg Safonov

Попробуйте в консоли хрома выставить флаг подсветки перерисовки. Если на каждый чих перерисовывается весь DOM - можно будет это чинить

0

19.03.2021

169 похожих чатов

Всем привет. Может у кого-нибудь есть на примете статья по

4 ответов

Похожие вопросы