Ребят, не подскажете ещё: Имеется компонент workspace с большой широкой таблицей

Question

Ребят, не подскажете ещё: Имеется компонент workspace с большой широкой таблицей

и компонент editor
<workspace [hidden]="this.dataService.editorOn"></workspace>
<editor *ngIf="this.dataService.editorOn"></editor>

editorOn: boolean - переключает отображение либо workspace либо editor.

Так вот на айфоне или на компе это переключение происходит быстро, а на более слабом андроиде есть заметная задержка. Из-за чего так? Таблица долго перерисовывается? Можно ли как то убрать эту задержку?

#angular #frontend #javascript #programming #russian

0

16.05.2023

9 ответов

5 просмотров

Aleksey Solokhin

Если нет видимых причин, возможно стоит сначала отдавать на рендер пустую таблицу, затем после ngAfterViewInit накидывать порциями данные в нее

0

16.05.2023

Aleksey Solokhin

памяти хватит у старого андроида?)

0

16.05.2023

Artem Автор вопроса

Aleksey Solokhin
памяти хватит у старого андроида?)

Ну если на саму таблицу хватило, то да) Там остальные элементы весьма маленькие уже

0

16.05.2023

Aleksey Solokhin

Artem
Ну если на саму таблицу хватило, то да) Там осталь...

я бы все же поискал узкие места сначала

0

16.05.2023

Artem Автор вопроса

Aleksey Solokhin
я бы все же поискал узкие места сначала

Ну а вообще таблица когда отрисовалась первый раз, то всё гладко скроллится. Думаю в любом случае перерисовка займёт время. Так что просто буду её закрывать другим слоем, а скрывать не буду🤔 Спасибо за советы!

0

16.05.2023

Aleksey Solokhin

Artem
Ну а вообще таблица когда отрисовалась первый раз,...

так ты и ищи почему отрисовывается долго .__.

0

16.05.2023

Artem Автор вопроса

Aleksey Solokhin
так ты и ищи почему отрисовывается долго .__.

Больше 3000 ячеек, в каждой div ещё) Может, конечно, надо те, что далеко за экраном отсекать вообще..

0

16.05.2023

Aleksey Solokhin

Artem
Больше 3000 ячеек, в каждой div ещё) Может, конечн...

материаловская?)

0

16.05.2023

Dmitrii Guseinov · Accepted Answer

Смотри перформанс, проведи тест, посмотри что дольше всего выполняется Скорее всего из-за того, что таблица большая блочится поток рендера, поэтому и тормозит Посмотри как разбить задачу в этом случае + тут не понятно как компоненты реализованы, возможно оптимизировать рендер

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

Ребят, не подскажете ещё: Имеется компонент workspace с большой широкой таблицей

9 ответов

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