занимает до 20 секунд
И во время рендеринга кнопки управления страницей (вперёд , назад , переход по новому url) зависает пока рендеринг не завершится
Есть ли какие нибудь варианты решения этой проблемы ?
А что за больше количество компонентов у вас рендерится 20 секунд?
100000 пустых компонентов хром рендерит около 10-12 секунд Понятно что проблема архитектуры, но интересно, есть ли выход из этой ситуации, можно ли прибить процесс рендеринга
Zone.js выпиливайте из фреймворка
А что это за компоненты такие? Они точно нужны?
но это не поможет, кнопки браузера все равно будут висеть до конца рендеринга
Если речь о том чтобы в общем случае решить проблему рендеринга огромного количества компонентов, то хз, никогда не видел ничего такого. Ни в JS, ни конкретно в ангуляре не видел ничего что могло бы помочь тут. Разве что изначально показывать пользователю не все миллион компонентов, а только какую-то порцию
да, в данной архитектуре, до рефакторинга, нужно отображать все я просто абстрактно сделал проект на 100к компонентов, для более простого воспроизведения проблемы, и пытаюсь как-то понять, возможно ли в принципе это решить)
Зачем грузить столько компонентов, неужели Юзеру обязательно видеть все 200000 компонентов?
Если речь про большой список элементов, можно загуглить про virtual scroll, то есть реальный выход - рендерить только то что в viewport. ну и вобщем про оптимизацию (наверное не про скорость рендеринга) это changeDetection: onPush для Ваших компонентов
Обсуждают сегодня