Какие есть варианты для оптимизации ангулар 2 приложений?

Question

[Dima Zherebko]

Какие есть варианты оптимизации angular 2 приложений.
Есть что-то типа большой формочки 20 груп вопросов по 20 вопросов в каждой. Нужно проводить вычисления для каждой группы в зависимости от ответа на вопрос в группе .
Пока что решил проблемы с рендерингом добавив OnPush и вызывал в detectChanges в местах где надо было .
Сейчас у меня есть два варианта для оптимизации:
1. Попытаться прикрутить immutable js с редуксом и это, вроде бы, должно ускорить рендеринг, но я не очень уверен в этом + большой кусок работы.
2. Сделать виртуальный рендеринг и отображать только ту часть, которая должна быть видна, но там проблемы с тем, что вопросы и группы могут рендериться рекурсивно и это будет не всегда адекватно работать ( например может быть только одна группа и 200 вопросов) .
Вообщем хотелось бы советов по оптимизации.

Answer 1

[lega]

20 груп вопросов по 20 вопросов в каждой

400-800 ватчей - не нагрузка

Нужно проводить вычисления для каждой группы

Если у вас тормозят вычисления, то Ангуляр не причем, он нужен для манипулирования view

Comments

[Dima Zherebko]

В том то и проблема что тормоозит вьюха.
А если быть точным рендеринг вопросов.

[lega]

Dima Zherebko: > тормоозит вьюха.
как это проявляется?

[Dima Zherebko]

lega: Визуально) . Если быстро скролить, то видно как рендерятся инпуты .

[lega]

Dima Zherebko: У вас там не виртуальный скролл (DOM за скролом уже готов заранее), значит тормозит css, а не ангуляр.
Чтобы в этом убедится, скопируйте результирующий html в пустую страницу, и запустите без ангуляра и другого js, чисто html + css, и увидите что тормозит точно также.