принять верное архитектурное решение.
Вкратце, ести система, типа дашборда, на нем виджет с таблицей, каждая ячейка имеет определенный статус и какие-то метаданные, которые агрегируются в других местах страницы.
Соответствнно, когда количество ячеек превысило 1000, появились лаги UI и относительно долгая первая отрисовка.
Все компоненты имеют дефолтную ChangeDetectionStrategy.
Как мне кажется, причины лагов я выявил:
1. Компонент ячейк иимеет дефолтную ChangeDetectionStrategy, поэтому при малейшем изменении слишком много объектов приходится просмотривать.
2. Происходят лишние пересчеты агрегированных данных, даже когда данные не менялись.
В качестве решения, вижу такие шаги:
1. Перейти на ChangeDetectionStrategy.OnPush
2. Создать событие обновления данных в сервисе, и те, кого интересуют эти данные подписываются на это событие и сами решают, надо ли им что-то персчитывать или нет.
Мне не нравится второй шаг, он, мне кажется, идет поперек ангуляроской идеи change detection. Можете подсказать, как решить проблему, используя ангуляровские средства?
ну естественно change detection и еще trackBy почитай что за зверь
pure пайпы не будут перерасчитывать ничего, пока на вход новый объект не придёт. Но вообще сложно подсказать, не понимая сути задачи, что-то кроме того варианта, который вы отвергли)
Обсуждают сегодня