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

Подскажите может кто сталкивался При рендеринге большого числа компонентов DOMContentLoaded

занимает до 20 секунд
И во время рендеринга кнопки управления страницей (вперёд , назад , переход по новому url) зависает пока рендеринг не завершится
Есть ли какие нибудь варианты решения этой проблемы ?

9 ответов

14 просмотров

А что за больше количество компонентов у вас рендерится 20 секунд?

⛄️- Автор вопроса
nik pol
А что за больше количество компонентов у вас ренде...

100000 пустых компонентов хром рендерит около 10-12 секунд Понятно что проблема архитектуры, но интересно, есть ли выход из этой ситуации, можно ли прибить процесс рендеринга

⛄️
100000 пустых компонентов хром рендерит около 10-1...

А что это за компоненты такие? Они точно нужны?

⛄️- Автор вопроса
Dependency Injection
Zone.js выпиливайте из фреймворка

но это не поможет, кнопки браузера все равно будут висеть до конца рендеринга

⛄️
100000 пустых компонентов хром рендерит около 10-1...

Если речь о том чтобы в общем случае решить проблему рендеринга огромного количества компонентов, то хз, никогда не видел ничего такого. Ни в JS, ни конкретно в ангуляре не видел ничего что могло бы помочь тут. Разве что изначально показывать пользователю не все миллион компонентов, а только какую-то порцию

⛄️- Автор вопроса
Maxim Afanasev
А что это за компоненты такие? Они точно нужны?

да, в данной архитектуре, до рефакторинга, нужно отображать все я просто абстрактно сделал проект на 100к компонентов, для более простого воспроизведения проблемы, и пытаюсь как-то понять, возможно ли в принципе это решить)

⛄️
да, в данной архитектуре, до рефакторинга, нужно о...

Зачем грузить столько компонентов, неужели Юзеру обязательно видеть все 200000 компонентов?

Если речь про большой список элементов, можно загуглить про virtual scroll, то есть реальный выход - рендерить только то что в viewport. ну и вобщем про оптимизацию (наверное не про скорость рендеринга) это changeDetection: onPush для Ваших компонентов

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

Обсуждают сегодня

30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
6
в JclConsole объявлено так: function CtrlHandler(CtrlType: DWORD): BOOL; stdcall; - где ваше объявление с stdcall? у вас на картинке нет stdcall
Karagy
8
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
~ 2m21s  nix shell github:nixos/nixpkgs#stack ~  stack ghc -- --version error: … while calling the 'derivationStrict' builtin at /builtin/derivation.nix:...
Rebuild your mind.
6
Карта сайта